html,
body {
/*v Makes page fit whole screen v*/
margin: 0;
padding: 0;
/*v Styling v*/
text-shadow: 0px 0px 1px 1px #6b3600;
background-color: #6be6fb;
font-family: verdana;
line-height: 1.3em;
font-size: 14px;
color: #884904;
}

body a {
text-decoration: none;
font-weight: bold;
color: #b27f49;
}

#main-container {
background-color: #6be6fc;
max-width: 100%;
margin: 0 auto;
}

.flex {
margin-bottom: 0px;
display: flex;
}

.content-wrap {
margin-top: 0px;
  text-align: center;
}

#content-container {
background-image: url('https://dagranddragonn.neocities.org/Images/01BackgroundGrid.png');
background-color: #65CAFE;
background-repeat: repeat;
flex-direction: column;
background-size: 30px;
margin-bottom: 0px;
display: flex;
width: 60%;
}

#left-sidebar {
background-image: linear-gradient(#e48ad0, #f9df88);
margin-bottom: 0px;
overflow: hidden;
padding: 16px;
width: 25vw;
}

.sidebar2 {
border: 10px solid #290704; 
border-radius: 12px;
background-color: #f9df88;
border-image: repeating-linear-gradient(30deg, #905720, #c88741 20px) 60;
}

#header-full {
display: none;
height: 150px;
background-image: url('https://dagranddragonn.neocities.org/Images/02Header.gif');
background-position: center center;
}

#footer {
height: auto;
text-align: center;
background-color: #65CAFE;
color: dodgerblue;
}



.nav {
background-color: #e48ad0;
padding-bottom: 0em;
margin-bottom: 0px;
text-align: center;
padding-top: 0em;
margin-left: 0;
margin-top: 0;
list-style-type: none;
padding:0;
margin: 0;
 display: flex;

}


.nav img {
width: 100%;
}

.nav li {
  flex: 1;
display: inline-block;
padding-right: 0px;
}

.underconstruction{
      opacity: 0.3;
      filter: brightness(50%);
}


.footer-wrapper {
padding: 5px;
}

.sidebarhighlight {
  text-shadow:1px 1px 1px white; 
  box-shadow: 20px 10px 30px 5px #efbd53 inset, 
  -10px -5px 5px 0px #bd5f00 inset;
background-color:#fedf6e;
padding:8px;
}

@media only screen and (max-width: 800px) {
.flex {
flex-wrap: wrap;
}

#left-sidebar {
width: 100%;
display: block;
order: 2;
margin-right: 0;
margin-bottom: 10px;
}

#content-container {
width: 100%;
display: block;
order: 1;
margin-bottom: 10px;
}
}