/*very important*/

html {
background-color:#000;
background-image: url(../img/special/bg_survive.png);
background-repeat: repeat-x;
background-position: bottom 0% right 0%;
}

body {
font-family: Verdana;
text-rendering: optimizeLegibility;
font-size: 11px;

margin: 0%;
min-height: 100vh;
}

/*important*/

#wrapper{
margin: auto;
width: 60vw;
}

#aside-wrapper{
width: auto;
}

#flex {
display: flex;
}

/*header and footer*/
header, main, aside, footer{
border: none;
color:#FFF;
text-shadow: 0pt 0pt 3pt #000;
}

header {
background-image: url(../img/special/banner_survive.png);
height: 10vw;
padding: 5px;
}

/*main and aside*/
main,aside, footer{
padding: 1%;
}

main {
width: 100%;
background-color: #000;
}

aside {
width: 17vw;
}

/*headings*/
h1, h2, h3 {
margin: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
}

/*footers*/
footer{
text-align: center;
color: #ccc;
text-shadow: #000 0px 0px 3px;
}

/*horizontal lines*/
hr {
border-top: none;
border-bottom: 1px solid #444;
border-right: none;
border-left: none;
}

/*lists*/

li, ol, ul {
text-align: left;

margin: 1px;
padding-left: 0%;

list-style-position: inside;
}

/*hyperlinks*/

a {
color: #fea505;
text-shadow: none;
text-decoration: none;
}

a:hover {
color: #000;
background-color: #fea505
}