/*important*/

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

margin: 0%;

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

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

#flex {
display: flex;
}

/*header and footer*/
header, main, aside, footer{
border: none;
background-color: #000;
}

#wayback{
font-family: Arial;
color: #000;
padding: 1%;

background-image:linear-gradient(0deg, #bdbdbd 15%, #ffffff 100%);
box-shadow: #fff 0px 1px 1px 1px inset;
}

#wayback a{
color: #0000ff;
}

/*main*/
main, aside{
margin: 5px;
}

main {
width: 100%;
}

aside {
width: 18vw;
padding: 0%;
}
/*headings*/
h1, h2, h3 {
color: var(--accent2);

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

footer{
text-align: center;
}

/*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:violet;
text-decoration: underline;
}

a:hover {
color:purple;
text-decoration: none;
}


.longlink {
display: block;

padding: 3px;
text-decoration: none;

height: auto;
width: auto;
}

.longlink:hover{
background-color: purple;
color: #fff;
}