<style>

:root {

}

body {
	background-color: black;
	font-family: 'Lemon';	
	animation: 2s ease-out 0s 1 FadeIn;
}
body.light {
	background-colour: white;
	color: black;
}
@keyframes FadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
p {
	font-size: 18px;
}

.videodiv {
	padding: 32px;
}

button {
	width: 140px;
	height: 50px;
	margin-left: 100px;
	margin-right: 100px;
	background: gray;
	color: white;
	font-family: 'Lemon';
	font-size: 18px;
	padding: 16px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: -5px 5px #999999;
	border: none;
	border-radius: 10px;
	display: block;
	text-align: center;
}
button:hover {
	background-color: white;
	color: gray;
	box-shadow: -5px 5px #dddddd;
}
button:active {
	backgroud-color: #BBBBBB;
	box-shadow: -3px 3px #444444;
	transform: translate(-3px, 3px);
}

</style>