body {
	font-family: sans-serif;
	user-select: none;
}

div#slide {
	max-width: 95vw;
	max-height: 55vw;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


a#home-button {
	position: absolute;
	left: 19%;
	top: 2.1%;
	width: 6%;
}

a#home-button > img {
	max-width: 100%;
}

div#home-button {
	position: absolute;
	left: 19%;
	top: 2.1%;
	width: 6%;
	height: 10%;
	background-image: url("assets/diagrams/home.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

div#home-button:active {
	filter: hue-rotate(-30deg) brightness(0.8);
}

img#slide-img {
	max-width: 95vw;
}

div#back-button {
	background-image: url("assets/diagrams/left-arrow.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	left: 12%;
	top: 2.1%;
	width: 6%;
	height: 10%;
	position: absolute;
	cursor: pointer;
}

div#back-button:active {
	filter: hue-rotate(-30deg) brightness(0.8);
}

div#forward-button {
	background-image: url("assets/diagrams/right-arrow.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	left: 82%;
	top: 2.1%;
	width: 6%;
	height: 10%;
	position: absolute;
	cursor: pointer;
}

div#forward-button:active {
	filter: hue-rotate(-30deg) brightness(0.8);
}

video {
	position: absolute;
	left: 0%;
	top: 10vw;
	width: 90%;
	height: 35vw;
}