*{
	padding: 0;
	margin: 0;
}

body{
	background-color: #EFE6D5;
}

h1{
	font-family: sans-serif;
	font-size: 60pt;
	position: fixed;
	text-align: center;
	width: 100vw;
	color: darkred;
	}

	#screenshot{
		margin-left: 17%;
		margin-top: 6vw;
	}
	

#videolink{
		margin-left: 43%;
		font-size: 30pt;
		color: #749FA3;
		font-family: sans-serif;
		text-decoration: none;
	}

		#videolink:hover{
			text-decoration: underline;
			background-color: white;
		}


	#goback{
		max-height: 15vh;
		max-width: auto;
		margin-left: 41.8%;
		margin-top: 1%;
		animation: hide 3s;
	}

	@keyframes hide{
		0%		{opacity: 0;}
		75%		{opacity: 0;}
		100%	{opacity: 1;}
	}

@media screen and (max-width:1200px) {

		#screenshot{
			margin-left: 12%;
			margin-top: 10vw;
			max-width: 900px;
			height: auto;
		}

#goback{
		max-height: 15vh;
		max-width: auto;
		margin-left: 44%;
		margin-top: 1%;
		animation: hide 3s;
	}

	@keyframes hide{
		0%		{opacity: 0;}
		75%		{opacity: 0;}
		100%	{opacity: 1;}
	}

@media screen and (max-width:600px) {

		#screenshot{
			margin-left: 8%;
			margin-top: 35vw;
			max-width: 450px;
			height: auto;
		}

#goback{
		max-height: 15vh;
		max-width: auto;
		margin-left: 33%;
		margin-top: 1%;
		animation: hide 3s;
	}

	@keyframes hide{
		0%		{opacity: 0;}
		75%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	#videolink{
		margin-left: 30%;
		font-size: 30pt;
		color: #749FA3;
		font-family: sans-serif;
		text-decoration: none;
	}

		#videolink:hover{
			text-decoration: underline;
			background-color: white;
		}