/*very important*/
html {
background-color: #000;
background-image: url(../img/about_bg.jpg);
}

body {
margin: 0%;
}

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

#flex {
display: flex;
}

/*main and aside*/
main,aside{
box-sizing: border-box;
}

main,aside{
color: #fff;
background-color: #000;

padding: 0%;

overflow: scroll;
scrollbar-width: none;
height: 99.9vh;
}

main {
width: 100%;
}

aside {
width: 30vw;
background-image: none;
}

header{
height: auto;
width:auto
}

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

h4{
display: block;
width: auto;
height: auto;

padding: 0.5%;

background-color: #00ff00;
color:#000;


font-weight: bold;
font-size: larger;
text-decoration: none;
}

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

/*lists*/
li, ol, ul {
text-align: left;

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

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

/*hyperlinks*/
a {
color:var(--accent1);
text-decoration: underline;
}

a:hover {
color:var(--accent2);
text-decoration: none;
}

/*other divs*/
#interests {
padding: 0.5%;
margin-left: 0.5%;
margin-right: 0.5%;

color: #fff;
overflow: scroll;
}

#interests p{
margin: 0.5%;
}

#interests b{
margin: 0.5%;
font-size: 14px;
text-decoration: underline;
}


#deviant_stamps{
text-align: center;
margin: 0.5%;
}

#deviant_stamps img{
padding: 0.2%;
}

#paragr p{
padding: 0.5%;
margin: 0.5%;
}


#myfco{
width: 220px;
height: 220px;

background-color: #fde3b0;
border: 3px solid #d90312;
color: #000;
font-family: Georgia;
font-size: 11px;
text-align: center;

left: 1.5%; 
bottom: 2%; 
position: fixed;

padding: 0.1%;
}

#myfco p{
padding: 0.2%;
margin: 0.2%;
}

#myfco a{
color: #551a8b;
font-weight: normal;
text-decoration: none;
}

#myfco a:hover{
text-decoration: underline;
}

/*tables*/
table {
overflow:hidden;
word-break:normal;

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

td {
padding: 1%;
background-color: #112020;
}