/*important*/
html, body {
font-size: 11px;
font-family: Verdana, Tahoma, sans-serif;
text-rendering: optimizeLegibility;

margin: 0%;
background-color: #000;
color: #fff;

background-image: none;
}

/*important*/
#wrapper{
margin: auto;
width: 50vw;
}

#flex {
display: flex;
}

/*main and aside*/
main{
padding: 1%;
margin: 1%;

width: 100%;

border: none;

color: #fff;
background-color: #000;
text-shadow: #000 0px 0px 2px,#000 0px 0px 2px,#000 0px 0px 2px;
}

footer{
width: auto;
text-align: center;
height: auto;
}

/*headings*/
h1, h2, h3 {
font-family: 'Courier New', Courier, monospace;

margin: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
}

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

/*hyperlinks*/
a {
color: #FF4D4D;
text-decoration: underline;
}

a:hover {
color:#F8E45C;
text-decoration: none;
}