#container {
    max-width:900px;
     margin:0 auto;
     height:auto;
     background-color:transparent;
     margin-top:15px;
}

.class2 {color:white;
text-decoration:none;
}
  
#header {
    max-width: 900px;
    height:auto;
    margin:0 auto;
    background-color:#ebe9e8;
    border:ridge 5px black;
}
.navbar li a{
    text-decoration: none;
}

.navbar ul {
    list-style-type:none;
    padding:0;
    padding-left:20px;
    padding-right:20px;
}

.navbar {
    background-color:#ebe9e8;
    max-width:900px;
    padding-top:3px;
    padding-bottom:3px;
    text-align: center;
}
.title {
     font-size:35px;
     text-align:center;
     font-style:italic;
     background-color:var(--mid-color);
}
.wrapper {
     display:flex;
     flex-wrap:wrap;
     height:auto;
     width:100%;
    background-color:black;
}
 .content {
     padding:10px;
     color:var(--lt-color);
}
.main-content {
     border:0px solid var(--dkest-color);
     width:900px;
     height:auto;
}
.content  {
 color:#b0a5a0;
 text-decoration:none;
}
 .navbar li {
     position: relative;
     display:inline-block;
}
 .navbar a {
     text-decoration:none;
     display:block;
     color:var(--accent);
     margin-right:15px;
     transition:0.2s all linear;
     font-weight:bold;
     font-size:20px;
     margin-right:40px;
}
 #footer {
     text-align:center;
     padding-top:0px;
     margin-bottom:0px;
     background-color:black;
}
 #footer p {
     background-color:black;
     display:block;
     width:900px;
     margin:0 auto;
     margin-top:5px;
     margin-bottom:5px;
     padding:0px;
}

.box {
    width: 45%;
    height: 10em;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 5px;
    display: block;
    margin-left: -1px;
    font-size: 0.85em;
    border: 5px ridge #996f68;
}