*,
::before,
::after {
    box-sizing: border-box;
}

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    color: currentColor;
}

:root {
  --green: #909e51;
  --yellow: #ffb502;
  --white: rgb(245,245,245);
  --asize: 10px;
  font-size: calc(2 * var(--asize));
}
body {
    height: 100vh;
    margin: 0 0 0 0;
    padding: 0px;
    gap: 0px;
    background-color: black;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 3vh 0 3vh 0;
	color: var(--white);
	:is(h1) {
		text-align: center;
	}
	.text-block {
		width:90%;
		margin: 0 auto;
	}
	.button {
		cursor: pointer;
		border: none;
		display: inline-block;
		background-color: var(--yellow);
		color: white;
		font-size: calc(2 * var(--asize));
		border-radius: 3px;
	}
	.button:hover {
		filter: brightness(120%);
	}
}
.responsive-object {
    position: relative;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}