a {text-decoration: none;}


h1, h2, h3 {	font-family: "Cascadia Code";
			text-align:center;
			color:white;}

p {	font-family: "Arial";
	font-size: 17px;
	text-align:center;
	color:white;}

#main1 {	background: rgb(0%, 10%, 0%);
		position: absolute; left: 5px; top: 50px;
		width: 300px; height: 150px;}

#main2 {	background: #01172E;
		position: absolute; left: 5px; top: 205px;
		width: 300px; height: 150px;}

#main3 {	background: rgb(15%, 0%, 0%);
		position: absolute; left: 5px; top: 360px;
		width: 300px; height: 150px;}

#main4 {	background: rgb(0%, 10%, 10%);
		position: absolute; left: 5px; top: 415px;
		width: 300px; height: 150px;}

#main5 {	background: rgb(7%, 7%, 0%);
		position: absolute; left: 5px; top: 570px;
		width: 300px; height: 150px;}

#main6 {	background: rgb(5%, 10%, 5%);
		position: absolute; left: 5px; top: 725px;
		width: 300px; height: 150px;}

#main7 {	background: #121212;
		position: absolute; left: 5px; top: 880px;
		width: 300px; height: 150px;}

#main8 {	background: rgb(15%, 10%, 0%);
		position: absolute; left: 5px; top: 1045px;
		width: 300px; height: 150px;}

#main9 {	background: rgb(0%, 5%, 10%);
		position: absolute; left: 5px; top: 1200px;
		width: 300px; height: 150px;}

#main10 {	background: rgb(10%, 10%, 5%);
		position: absolute; left: 5px; top: 1355px;
		width: 300px; height: 150px;}

#main11 {	background: rgb(15%, 0%, 0%);
		position: absolute; left: 5px; top: 1510px;
		width: 300px; height: 150px;}

#main12 {	background: rgb(5%, 10%, 0%);
		position: absolute; left: 5px; top: 1665px;
		width: 300px; height: 150px;}

#main13 {	background: rgb(0%, 0%, 7%);
		position: absolute; left: 5px; top: 1830px;
		width: 300px; height: 150px;}

#main14 {	background: #201B00;
		position: absolute; left: 5px; top: 1985px;
		width: 300px; height: 150px;}

#main15 {	background: rgb(0%, 7%, 7%);
		position: absolute; left: 5px; top: 2140px;
		width: 300px; height: 150px;}

#main16 {	background: rgb(7%, 8%, 0%);
		position: absolute; left: 5px; top: 2295px;
		width: 300px; height: 150px;}

#main17 {	background: rgb(5%, 8%, 10%);
		position: absolute; left: 5px; top: 2450px;
		width: 300px; height: 150px;}

#main18 {	background: rgb(17%, 6%, 0%);
		position: absolute; left: 5px; top: 2605px;
		width: 300px; height: 150px;}

#button1 { background: rgb(17%, 6%, 0%); font-size: 30px; 
		position: absolute; left: 70px; top: 50px;
		position: fixed; 
		width: 120px; height: 40px; text-align: right;
		font-family: "Digital SF";}
#button1:hover { background: rgb(25%, 10%, 0%); }

#button2 { background: #0A011D; font-size: 30px;
		position: absolute; left: 70px; top: 100px;
		position: fixed;
		width: 120px; height: 40px; text-align: right;
		font-family: "Digital SF";}
#button2:hover { background: rgb(5%, 0%, 20%); }

#button3 { background: #002927; font-size: 30px;
		position: absolute; left: 70px; top: 150px;
		position: fixed; 
		width: 120px; height: 40px; text-align: right;
		font-family: "Digital SF";}
#button3:hover { background: rgb(10%, 20%, 20%); }

#button4 { background: #252525; font-size: 30px;
		position: absolute; left: 70px; top: 200px;
		position: fixed; 
		width: 120px; height: 40px; text-align: right;
		font-family: "Digital SF";}
#button4:hover { background: rgb(20%, 20%, 20%); }

#button5 { background: #01172E; font-size: 30px;
		position: absolute; left: 70px; top: 250px;
		position: fixed; 
		width: 120px; height: 40px; text-align: right;
		font-family: "Digital SF";}
#button5:hover { background: rgb(5%, 15%, 25%); }

#topbar {display: none;}