/*important*/

body{
font-size: 10.5pt;
font-family: "Comic Sans MS", sans-serif;
text-rendering: optimizeLegibility;

margin: 0%;
color: #fff;
background-image: url(../img/bg_reading.jpg);
}

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

#aside-wrapper{
width: auto;
}

#flex {
display: flex;
}

/*header and footer*/
header, main, aside, footer{
border: none;
}

/*main*/
main{
margin-top: 5px;
margin-bottom: 5px;

padding: 1%;
margin: 1%;

background-color: #0000ff;
border: 3px solid #ff0;

width: 100%;
}

/*headings*/
h1, h2, h3 {
color: var(--accent2);

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

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

/*lists*/

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

margin: 1.5%;
padding-left: 0%;

list-style-position: inside;
}

/*hyperlinks*/
a {
color:#00ff00;
background-color: #000;
text-decoration: underline;
}

a:hover {
color:#ff00ff;
background-color: #fff;
text-decoration: none;
}

/*tables*/
table, td, th {
border-collapse: collapse;
border: 1px solid #00ff00;

padding: 3px;
overflow:hidden;
word-break:normal;

margin-left: auto;
margin-right: auto;
}

th {
background-color: #00ff00;
color: #000;
}

td {
background-color: #000;
color: #fff;
}

#peanutgallery {
background-color: #ff0;
border: 1px outset #f00;
color: #000;

padding: 3px;
height: auto;
width: 75%;
margin-left: auto;
margin-right: auto;

overflow: auto;
}