body{
background-color: #E8D6CB;
background-image: url('');
color: #363538;
line-height: 5px;
}

#all{
background-color: #E8D6CB;
width: 810px;
margin: 0 auto;
align-items: center;
font-family:Times
}

#side{
background-color: #fff;
float: left;
width: 185px;
position: relative;
line-height:1.2;
justify-content: center;
}

.sideimgholder{
padding: 5px;
display: flex;
}

#sideimg{
width: 175px;
}

#nav{
font-size: 14px;
padding: 5px 0px 5px 0px;
}

ul{
margin: 0px;
padding-left: 15px;
width: 175px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
justify-content: center;

}

li{
display: table;
}

#sidecontent{
font-size: 13px;
text-align: center
}

.divider{
border-top: 1px dotted #B58DB6;
}

#main{
background-color: #fff;
float: right;
position: relative;
width: 625px;
}

.subheaders{
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
font-size: 20px;
line-height: 19px;
color: #fff;
background-color: #B58DB6;
}

.maincontent{
padding: 0px 15px 15px 15px;
text-align: justify;
font-size: 14px;
letter-spacing: 1px;
}

a{
text-decoration: none;
color: #B58DB6;
}

a:visited{
color: #B58DB6;
}

a:hover{
font-style: italic;
}

a:active{
font-weight: bold;
}

::-webkit-scrollbar{
width: 8px; 
}
    
::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #B58DB6;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}

.img-with-text {
text-align: center;
width: 300px;
font-size: 10px;
}

#container {
    width: 600px;
}

.article {
  position: relative;
  text-align: center;
  color: white;
}

.bottom {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);  
}