#LinktoFileButton{
position: absolute;
z-index: 3;
clear: left;
float: ;
top: 80px;
left: 100px;
margin-top: 10px;
background-color: rgba(153, 153, 153, 1.0);
text-shadow: 2px 2px 2px rgb(0, 0, 0);
color: white;
width: 220px;
height: 50px;
/*box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.6), inset 2px 2px 3px rgba(255, 255, 255, 0.6)*/
}
#LinktoFileButton:hover{
background-color: rgb(73, 73, 73);
}
#LinktoFileButton:active {
/*box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);*/
}
#LinktoFileText{
color:white;
}
#SubBackground{
background-color: rgba(6, 6, 6, 1.0);
position: absolute;
float: left;
clear: both;
z-index: -4;
right: 0px;
top: 0px;
height: 110vh;
width: 100%;
}
#TopBackground{
background-color: rgba(250, 250, 250, 1.0);
position: inherit;
float: left;
clear: both;
z-index: -3;
height: 100vh;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
#Title{
position: absolute;
top: 50px;
width: 90%;
margin-left: 5%;
background-color: rgba(0, 0, 0, 1.0);
height:160px;
display: flex;
align-items: center;
align-self: center;
justify-content: center;
}
#TitleBack{
position: absolute;
top: 0px;
width: 100%;
height: 250px;
background-color: rgba(20, 20, 20, 1.0);  
}
#MainTitleText{
position: relative;
top: 45px;
color: rgba(255, 255, 255, 1.0);
font-size: 48px;
}
#TitleText{ 
position: relative;
left: 20px;
top: -45px;
color: rgba(255, 255, 255, 1.0);
font-size: 58px;
}
#PastTitleText{ 
position: relative;
left: 20px;
top: -40px;
color: rgba(255, 255, 255, 1.0);
font-size: 38px;
}
#GamesDivBack{
position: absolute;
/*clear: left;*/
top: 200px;
margin-top: 50px;
background-color: rgba(0, 0, 0, 1.0);
z-index: 2;
width: 400px;
height: 100px;
}
#GamesDiv{
position: inherit;
background-color: rgba(194, 194, 194, 1.0);
z-index: 3;
margin-top: 1.5%;
margin-right: 1.5%;
width:	98%;
height: 88%;
}
#MainGamesDivBack{
position: relative;
top: 100px;
background-color: rgba(0, 0, 0, 1.0);
z-index: 20;
height: 90px;
width: 400px;
}
#MainGamesDiv{
position: relative;
top: 100px;
background-color: rgba(194, 194, 194, 1.0);
z-index: 20;
height: 600px;
width: 400px;
}
#PastDivBack{
position: relative;
left: 32.85vw;
float: right;
top: 200px;
margin-top: 50px;
background-color: rgba(0, 0, 0, 1.0);
z-index: 1;
width: 400;
height: 100px;
}
#PastDiv{
position: inherit;
float: right;
background-color: rgba(194, 194, 194, 1.0);
z-index: 2;
margin-top: 1.5%;
margin-left: 1.5%;
width:	98%;
height: 90%;
}
#MainPastDiv{
position: relative;
top: 100px;
background-color: rgba(194, 194, 194, 1.0);
z-index: 2;
height: 600px;
width: 400px;
}
::-webkit-scrollbar{
	  width: 12.5px;
}
::-webkit-scrollbar-track{
	background: rgba(45,105,115,1.0)
}
::-webkit-scrollbar-thumb{
 background: rgba(150, 200, 200, 1.0);
}
::-webkit-scrollbar-thumb:hover{
 background: rgba(160, 170, 170, 1.0);
}
#LinktoPastButton{
position: relative;
top: -96px;
left: 5px;
background-color: rgba(244, 173, 51, 1.0);
}
#LinktoPastButton:hover{
background-color: rgba(144, 73, 0, 1.0);
}
#PastThumbnail{
width: 60px;
height: auto;
}
#PastThumbnail:hover{
width: 240px;
height: auto;
}
#ListFont{
font-size: 15pt;
}
#LinktoPastText{
color:white;
}
#MenuFolder{
position: relative;
top: 80px;
left: -55px;
margin-bottom:8px;
margin-top:8px;
margin-left:2.5%;
margin-right:2.5%;
position: relative;
border-radius:3px;
float: right;
z-index: 20;
background-color: rgba(100, 100, 100,1);
height: 60px;
width: 130px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
#MenuFolder:hover{
background-color: rgba(50, 50, 50,1)
}
/*Tree Page---------------------------------------------------------------------------------------------------------------------------------*/
#Container {
float: left;
clear: right;
margin-left: 10px;
margin-top:30px;
padding: 30px;
background-color: rgba(0, 193, 142, 1.0);
font-size: 20pt;
}
#Container2 {
float: left;
margin-left: 10px;
margin-top:30px;
padding: 30px;
background-color: rgba(140, 150, 190, 1.0);
font-size: 20pt;
}
#treePageContainer{
position: relative;
top: 250px;
}
#TreeLinktoFileButton{
background-color: rgba(244, 173, 51, 1.0);
}
#TreeFileThumbnail{
width: 60px;
height: auto;
}
#TreeFileThumbnail:hover{
width: 240px;
height: auto;
}
#TreeListFont{
font-size: 15pt;
}
#HowText{
font-size:10pt;
}
/*Stop Light------------------------------------------------------------------------------------------------------------------------------------*/
#stopLightContainer{
position: relative;
top: 250px;
}
#Imgs{
width: 50px;
height: auto;
}
#Red{
background-color: rgb(255, 0, 0);
padding: 5px;
margin: 5px;
clear: left;
float: left;
}
#Yellow{
background-color: rgb(255, 255, 0);
padding: 5px;
margin: 5px;
clear: left;
float: left;
}
#Green{
background-color: rgb(0, 255, 0);
padding: 5px;
margin: 5px;
clear: left;
float: left;
}
#Gray{
background-color: rgb(180, 180, 180);
margin: 5px;
clear: left;
float: left;
}
#Purple{
width: 50px;
height: 50px;
background-color: rgb(210, 0, 210);
}
/*Rat Page---------------------------------------------------------------------------------------------------------------------------------------*/
#rat-p {
font-family: "Grenze Gotisch";
color: red;
font-size: 20px;
}

#bbutton{
background-color: rgb(0, 140, 150);
text-shadow: 2px 2px 2px rgb(0, 0, 0);
color: white;
border-radius: 99px;
width: 220px;
height: 50px;
box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.6), inset 2px 2px 3px rgba(255, 255, 255, 0.6)
}
#bbutton:hover{
background-color: rgb(125, 210, 220);
}
#bbutton:active {
box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
#rat-img{
position: inherit;
top: 100px;
width: 300px;
height: auto; /*  */
}

#ratPageContainer{
position: relative;
top:275px;
}

/*Main Page------------------------------------------------------------------------------------------------------------------------------------------*/
#mainpage-p{
color: rgba(220, 220, 220, 1.0);
}
#BackgroundImages{
position: inherit;
float: left;
clear: both;
z-index: -3;
left: 0px;
top: 0px;
height: 110vh;
width: 100%;
}
#mainTopBackground{
background-color: rgba(250, 250, 250, 0);
position: inherit;
float: left;
clear: both;
z-index: -3;
height: 100vh;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
#MainDiv{
position: absolute;
top: 234px;
width: 75vw;
margin-top:16px;
margin-left:2.5%;
margin-right:2.5%;
position: relative;
border-radius: 3px;
float: center;
z-index: 1;
background-color: rgba(0, 0, 0,0.6);
height: auto;
/*height: 1000000000000000000px;*/
width: screen.width;
display: flex;
align-items: center;
justify-content: center;
}
/*Frog Page------------------------------------------------------------------------------------------------------------------------------------------*/
#sqibblingsquankhobbler{
position: inherit;
z-index: 400;
left: 0px;
top: 30vh;
justify-content: center;
margin-left: 25%;
margin-right: 10%;
}
#quankhog{
position: absolute;
justify-content: center;
/*left:200px;
right:px;*/
top: 0px;
height: 110vh;
width: 100%;
}
#theratstellmethingsinmysleep{
	font-size: 13pt;
	font: small-caps bold 24px/1 serif;
}