body{
font-size: 14px;
font-family: 'Times New Roman', Times, serif;
text-rendering: optimizeLegibility;

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

#wrapper, #flex{
margin: auto;
display: flex;

width: auto;
}

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

aside{
width: 225px;
}

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

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

/*lists*/
li, ol, ul {
margin: 1%;
padding-left: 0%;

list-style-type: none;
list-style-position: inside;
}

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

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

#longlink {
display: block;
text-decoration: none;

color: #000;

height: auto;
width: auto;
}

#longlink:hover{
background-color: #ff0;
text-decoration: underline;
}

/*other divs*/
#actions {
border: 24px solid transparent;
border-image: url(../img/border_tornpaper.png) round 58;

background-clip: padding-box;

background-color: #fffff8;
color: #000;
}

#actions li{
padding: 3%;
}

#actions h3{
text-align: center;
}