body{
background-color: #CBC3C1;
background-image: url('/images/silent_hill.gif');
color: #363538;
background-size: cover;
}

#aboutme{
width: 380px;
height: 250px;
border: 1px lightgrey;
margin-left: auto;
margin-right:auto;
margin-bottom: 30px;
margin-top: 30px;
text-align: left;
display: block;
background-color: #91937B;
color: black;
font-family: Times New Roman;
opacity: 0.7;
font-size: 14px;
letter-spacing: 1px;
padding: 10px;
overflow: auto;
}


 
#all{
background-color: #ccc;
width: 615px;
margin: 0 auto;

}
 
#left-side{
background-color: #91937B;
float: left;
width: 175px;
position: fixed;
}

#right-side{
background-color: #FFFFFF;
float: right;
width: 175px;

}
 
#sidepadding{
padding: 10px;
}
 
.sideimgholder{
display: flex;
justify-content: center;
align-items: center;
opacity: 0.7;
}
 
#sideimg{
width: 175px;
}

 
#nav{
font-size: 14px;
padding: 5px 0px 5px 0px;
}
 
ul{
margin: 0px;
padding-left: 0px;
width: 175px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
 
li{
list-style-type:;
width: 71px;
display: inline;
float: left;
}
 
#sidecontent{
font-size: 13px;
text-align: justify;
}

.sidebar-section:not(:last-child) {
  margin-bottom: 3em;
}

.sidebar-section ul,
.sidebar-section ol {
  padding-left: 1.5em;
}

.sidebar-section > *:not(p):not(ul):not(ol):not(blockquote) {
  margin-top: 10px;
}
 
.divider{
border-top: 1px dotted #7A787D;
}
 
#main{
background-color: #91937B;
float: right;
width: 425px;
}

/* HEADERS */
h5 {
  font-size: 13;
  font-style: italic;
  font-weight: 100;
}
h1{   
  margin: 10;
  font-size:20;
  font-family: Times New Roman;
  margin-bottom: 3;
	font-style: italic;
	}
 
.subheaders{
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
font-size: 20px;
line-height: 13px;
color: #fff;
background-color: #7A787D;
}
 
.maincontent{
padding: 0px 15px 15px 15px;
text-align: justify;
font-size: 14px;
letter-spacing: 1px;
overflow: auto;
height: 250px;

}

  #blog{
    background-color: #91937B ;
    padding: 0; 
    border: solid lightgray 1px;
    color:black;
    margin: 0 0 0 0;
    font-size: 14px;
    width: 300px;
    overflow: auto;
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

a{
text-decoration: none;
color: #3F443E;
}
 
a:visited{
color: #3F443E;
}
 
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: #7A787D;
}
 
#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}