@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
html {
	background: #F8F8F8;
}
body {
	font-family: "Gelasio", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	color: #1D1D1D;
	width: 90vw;
	margin: 50px auto;
}
/* main {
	width: 90vw;
	margin: 50px auto;
} */
.tag {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
video {
	width: 100%;
	height: auto;
}
.media-container {
	position: relative;
}
.light {display: block;}
.dark {display: none;}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.logo {
	width: stretch;
	margin-left: auto;
	margin-right: auto;
}
.small {
	margin: auto;
	width: 70vw;
}
.signup {
	margin-top: 20px;
}
a, a:visited, a:active {
	color: #008FFF;
}
@media only screen and (min-width: 1000px) {
	body {
		max-width: 800px;
	}
	.small {
		width: 500px;
	}
}
@media (prefers-color-scheme: dark) {
	html {
		background: #1D1D1D;
	}
	body {
		color: #F8F8F8;
	}
	.light {display: none;}
	.dark {display: block;}
}