/*very important*/

html {
background-color: var(--black);
background-image: url(../img/BG_2.jpg);

}

body {
font-family: Arial, sans-serif;
font-size: 10pt;

margin: 0%;
min-height: 100vh;
}

/*important*/

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

#flex {
display: flex;
}

/*main*/
main,aside,header{
color: #ffffee;
background-image: url(../img/BG_intestines.png);
background-size: 64px;
image-rendering: pixelated;

margin: 1%;
padding: 1%;
}

/*headings*/
h1, h2, h3 {
margin: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
}
/*horizontal lines*/
hr {
border-top: none;
border-bottom: 1px solid #ffffee;
border-right: none;
border-left: none;
}

/*lists*/

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

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

list-style-position: inside;
}

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

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

/*other divs*/

#dream_container {
padding: 1.5%;
margin: 3%;

background-color: #000;
border: 20px solid transparent;
border-image:url(../img/dream_border.png) round 20;
}

#navbar {
background-color: #3f041b;
text-align: center;

padding: 1%;
margin: 1%;
}