body{
background-color: #3B26F7;
font-family: Arial;
}

#logo{
height: 450px;
width: 450px;
border-radius: 100%;
}

#footlogo{
height: 100px;
width: 100px;
border-radius: 100%;
}

#imgframe{
height: 450px;
width: 450px;
margin: auto;
}

#siteframe{
height: 800px;
width: 100%;
margin: auto;
}

#siteframe2{
height: 800px;
width: 100%;
margin: auto;
}


#siteframe3{
height: 800px;
width: 100%;
margin: auto;
}

#foot{
height: 100px;
width: 100px;
margin: auto;
}

#siteframe4{
height: 800px;
width: 100%;
margin: auto;
}


#underlay{
height: 800px;
width: 100%;
margin: auto;
}

#overlay{
height: 800px;
width: 100%;
margin-top: -800px;
}

#stbackground{
height: 670px;
width: 800px;
margin: auto;
}

#missionframe{
height: 100px;
width: 700px;
margin: auto;
}

#buffer{
height: 100px;
width: 700px;
}

#buffer200{
height: 200px;
width: 700px;
}

#footbuffer{
height: 25px;
width: 700px;
margin: auto;
}

#heading{
height: 40px;
width: 100%;
text-align: center;
color: white;
margin-top: 125px;
margin-left: auto;
}

#profile{
width: 650px;
height: auto;
position: absolute;
margin-top: 50px;
margin-left: 75px;
color: white;
padding: 10px;
}

#totems{
width: 630px;
height: 350px;
border: 5px solid black;
background-color: #FBDEA1;
}



#games{
width: 800px;
height: auto;
position: absolute;
margin-top: 50px;
colour: white;
}

#games2{
width: 800px;
height: auto;
position: absolute;
margin-top: 350px;
colour: white;
}



#gametext{
width: 600px;
height: auto;
color: white;
float: left;
}

#gameimage{
width: 190px;
height: 190px;
border: 5px solid black;
background-color: #FBDEA1;
float: left;
margin-top: 10px;
text-align: center;
}

#game-entry{
width: 600px;
height: auto;
margin-left: 25px;
}

#community{
width: 800px;
height: auto;
color: white;
padding: 25px;
}

#menubox{
height: 70px;
width: 670px;
margin: auto;
}

#menu{
height: 70px;
width: 670px;
position: fixed;
z-index: +1;
background-color: #F97304;
border-radius: 15px;
}


#storebutton{
height: 130px;
width: 335px;
background-color: #B697C3;
border-radius: 75px;
margin-left: 232px;
position: absolute;
}


a{
text-decoration: none;
}


h1{
margin-top: 15px;
font-size: 26px;
text-align: center;
}


h2{
font-size: 20px;
margin: 6px;
text-align: center;
color: white;
}

h4{
margin-top: 15px;
color: black;
font-size: 26px;
text-align: center;
}


h5{
margin-top: 15px;
font-size: 50px;
text-align: center;
}

h6{
margin-top: 25px;
font-size: 50px;
text-align: center;
}


#l1{
position: absolute;
margin-left: 215px;
margin-top: -415px;
}

#l2{
position: absolute;
margin-left: 255px;
margin-top: -250px;
}

#l3{
position: absolute;
margin-left: 440px;
margin-top: -200px;
}

#l4{
position: absolute;
margin-left: 500px;
margin-top: -360px;
}

#l5{
position: absolute;
margin-left: 700px;
margin-top: -405px;
}

#l6{
position: absolute;
margin-left: 740px;
margin-top: -245px;
}

div{
width: 120px;
height: 125px;
}

.dark {

}



p{
font-size: 18px;
margin: 6px;
}

a:hover{
back-ground-color: yellow;
}

#link {
color: white;
background-color: #F99C04;
width: 160px;
height: 60px;
margin-top: 2px;
margin-left: 6px;
float: left;
text-align: center;
border-radius: 10px;
} 

#adminlink{
color: white;
background-color: #F99C04;
width: 200px;
height: 60px;
margin-top: 10px;
text-align: center;
border-radius: 10px;
$position: absolute;
display: inline-block;
} 

#adminlink:hover{
background-color: #F97304;
}

#exitlink{
color: white;
background-color: #8E44AD;
width: 200px;
height: 60px;
margin-top: 25px;
text-align: center;
border-radius: 10px;
$position: absolute;
display: inline-block;
} 

#exitlink:hover{
background-color: #8826B1;
}

#admin-row{
height: 60px;
width: 700px;
margin: auto;
}

#admin-column{
height: auto;
width: 200px;
margin: auto;
}

#link:hover {
background-color: #4909D3;
border-radius: 100%;
}


#storelink {
color: white;
background-color: #8E44AD;
width: 315px;
height: 110px;
margin-top: 10px;
margin-left: 10px;
float: left;
text-align: center;
border-radius: 55px;
} 

#storelink:hover{
background-color: #8826B1;
}

#link1 {
color: white;
background-color: #6e75D4;
border: 4px solid white;
border-radius: 10px;
width: 950px;
height: 65px;
margin: auto;
float: left;
text-align: center;
} 

#link3 {
color: white;
background-color: #6e75D4;
border: 4px solid white;
border-radius: 10px;
width: 472px;
height: 60px;
text-align: center;
display: inline-block;
float: left;
} 

#link4 {
color: white;
background-color: #6e75D4;
border: 4px solid white;
border-radius: 10px;
width: 472px;
height: 60px;
text-align: center;
display: inline-block;
float: right;
} 


#footer{
width: 950px;
height: 75px;
}


#viewcentrex {
width:260px;
font-family: Arial;
layout: block;
border-radius: 15px;
margin-top: -400px;
margin-left: 355px;
position: absolute;
border: 6px solid white;
background-color: #BACCC9;
}

#linkx {
color: white;
background-color: #E32088;
border: 4px solid white;
border-radius: 10px;
width: 252px;
height: 56px;
margin: auto;
}

#hltext{
color: #F97304;
}

#entry{
width: 800px;
height: auto;
color: white;
padding: 25px;
margin: auto;
}

#h2x{font-size: 24px;}