html,
body {
	min-height: 100vh;
   color: white;
}
html {
	background: url(assets/pexels-lavinia-morgenstern-558478.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Lexend, sans-serif;
   scroll-snap-type: y mandatory;
	--theme-highlight: #dcf3f0;
   
	--theme-accent: rgb(126, 202, 252);
}
#BlurLayer {
   opacity: 0;
   background: url(assets/blurred.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
   position: fixed;
   transition: opacity 125ms ease;
   top:0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
}
.w-200 {
	font-weight: 200;
}
.w-700 {
   font-weight: 700;
}
.p-0 {
	padding: 0px;
}
.p-1 {
	padding: 1rem;
}
.p-2 {
	padding: 1.5rem;
}
.m-0 {
	margin: 0px;
}
.m-1 {
	margin: 1rem;
}
.mb-1 {
	margin-bottom: 1rem;
}
.m-2 {
	margin: 2rem;
}
.center {
	text-align: center;
}
section > h1 {
   font-size: 1.75rem;
}
.spaceout-1 {
   letter-spacing: 0.0625rem;
}
body {
	margin: 0px;
}
.min-width {
   width: 100%;
   max-width: 1024px;
   margin: 0 auto;
}
.min-height {
   min-height: 100vh;
}
.grid {
	display: grid;
}
.grid > * {
	border-right: solid 1px var(--theme-highlight);
}
.grid > *:last-child {
	border-right: none;
}
.grid-2 {
	grid-template-columns: 1fr 1fr;
}
.sc {
   margin-bottom: 4px;
}
a {
	display: block;
	line-height: 40px;
	color: var(--theme-accent);
}
.main-size {
	height: calc(100vh - 70px);
   
}
.snap-to {
   scroll-snap-align: start;
}
.scroll-more {
	height: 70px; 
	display: flex;
	align-items: center; 
	justify-content: center; 
   flex-direction: column;
   color: #fff;
 
}

 

.chevron {
	display: inline-block;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 10px;
	width: 10px;
	transform: rotate(45deg);
}
.flex-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.profile {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}
#main {
	width: calc(100% - 32px);
	max-width: 400px;
	max-height: calc(100vh - 32px);
	background: rgba(0, 0, 0, 0.7);
	color: var(--theme-highlight);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 4px;
}
.border {
	border: solid 1px var(--theme-highlight);
}
.border-bottom {
	border-bottom: solid 1px var(--theme-highlight);
}