@font-face {
font-family:silvan;
src:url(silvan.ttf);
}


html {
font-family:tahoma,arial;
font-size:0.85em;
background-color:rgb(0,0,0);
color:rgb(240,240,240);
background-image:url('WebTile.png');
background-size:300px auto;
}

.container {
position:absolute;
left:0px;
right:0px;
top:0px;
min-height:100px;
max-height:999999px;
background-color:rgba(20,20,20,0.9);
}

.menu {
text-align:center;
}
.menu a {
font-family:arial black, arial, helvetica;
font-size:0.8em;
text-decoration:none;
color:rgb(0,200,255);
margin-left:5px;
margin-right:5px;
padding:10px 15px 10px 15px;
background-color:rgb(0,0,0);
border-radius:10px;
} 
.menu a:hover {
color:rgb(0,0,0);
background-color:rgb(200,0,0);
}
.menu a:active {
color:rgb(0,0,0);
background-color:rgb(200,255,0);
}





body {
overflow-x:hidden;
}

p {
margin:0px;
padding-left:5px;
padding-right:5px;
}

.herophoto {
margin-top:0px;
width:100%;
height:auto;
float:none;
padding-top:0px;
}

.spacebar {
display:inline-block;
width:100%;
height:57px;
}

img {
width:45%;
height:auto;
border-radius:15px;
padding-right:5px;
padding-left:5px;
}


img:nth-of-type(even) {
float:left;
}
img:nth-of-type(odd) {
float:right;
}

.footer {
color:rgb(140,140,140);
font-size:0.4em;
font-family:helvetica, arial;
margin-top:200px;
margin-bottom:20px;
text-align:center;
}



@media screen and (min-width: 600px) {
body {
}

.container {
left:50%;
margin-left:-300px;
width:600px;

}
}