#sidebar 
 {
    background-color: #bd5d38;
    width: 21%  ;
    height: 100%;
    float: left;
    position: fixed;
}
#main-content 
{
    margin-left: 21%;
    width: 79%;
    float: left;      
}
#avatar 
{
    width: 180px;
    border-radius: 50%;
    border: 8px #CA7D60 solid; 
    margin: 50px 30px 0 30px;
}
.sidebar-item 
{
   margin-top: 25px;
   font-weight: bold;
   text-align: center;

}

#special-name 
{ 
    color: #BD5D38;
}
#email 
{
    color: #BD5D38;
    font-weight: 400;
}
a.email-hover 
{
    color:#bd5d38;
    font-family: 'Saira Extra Condensed',-apple-system;
}
a.email-hover:hover 
{
    color: #824027;
    text-decoration: underline;
}

.social-list-item 
{
    float: left;
    padding: 40px 0px;
}
#about 
{    
    background-color: #FFFFFF;
    padding-bottom: 233px;
}
#experience 
{
    background-color: #FFFFFF;
}
#education 
{
    background-color: #FFFFFF;
}
#skills 
{
    background-color: #FFFFFF;
}
#interests 
{
    background-color: #FFFFFF;
}
#awards 
{
    background-color: #FFFFFF;
}
.content-detail 
{
   padding: 0px 48px 10px;  
   width: 59%;
   float:left;
}
.home-date 
{
    padding-left: 30px;
    width: 20%;
    float:left;
    /* height: 100px; */
    text-align: right;

}
.content-nondate 
{
    padding: 0px 48px 48px 48px;
    width: 90%;
}
.clear-float 
{
    clear:both;
}
.date 
{
    color: #BD5D38;
    font-size: 16px;
}
.social-button 
{
    width: 56px;
    height: 56px;
    padding: 16px;
    color: #868E96;
    background-color: #343A40;
    border-radius: 50%;     
    margin-left: 15px;
    transition: background-color 0.35s; 
}
.social-button i 
{
    text-align: center;
    width: 24px;
    height: 24px;
    font-size:24px;
    color:white;
}
.social-button:hover 
{
    background-color: #BD5D38;
    cursor: pointer;
}
.tech 
{
    font-size: 48px;
    margin-left: 20px;
    transition: color 0.35s;
}
.tech:hover 
{     
    color:#BD5D38   ;

}
.slide-item {
    margin: 0 auto;
    display: none;
    border: 5px solid grey;
    width: 700px;
}