body{
	color: #121213;
	background: #fdfdfd;
	background-image: url("background-cover.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	text-align: center; 
	position: absolute; 
	height: 100%; 
	width: 100%; 
	margin: 0; 
	font-family: sans-serif;
}
div{
	position: relative; 
	top: 50%; 
	transform: translateY(-50%); 
	padding-bottom: 20px;
}
a{
	color: #0077d3;
}
button{
	background: none;
	border: none;
	color: #005a47;
	cursor: pointer;
	text-decoration: underline;
	font-size: 105%;
}
.icon,
.github{
	background: white;
	color: black;
	border-radius: 4px;
	display: inline-block;
	padding: 2px;
	width: 22px;
	height: 22px;
}
video{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.3;
    object-fit: cover;
    mix-blend-mode: multiply;
}
@media (prefers-color-scheme: dark) {
	body{
		background-color: #222123;
	    background-image: url("background-cover-dark.webp");
		color: #fafdfd;
	}
	a{
		color: #6abdfc;
	}
	button{
		color: #4cb4f8;
	}
	video{
	    display: none;
	}
}