html{
    background-color:#897C80;
    color:black;
    margin:0;
}
body{
    margin:0;
    font-family:'modesevenregular';
}
#foot{
    position:absolute;
    top: 150vh;
    text-align: center;
    width:98.7%;

}

  
.header{
   color:rgb(255, 255, 255);
   overflow-x:hidden;
   padding-right:84.7%;
   margin:0px;
   background-image: url(./resources/pixelclouds2.png);
   background-size: cover;
   padding-top:5vh;
   padding-bottom:.6vh;
   border-bottom-style:solid;
   border-bottom-color:black;
   

}


#headerText{
    background-image: linear-gradient(to bottom right, rgb(29, 39, 185), rgba(255, 255, 255, 0.24));
    padding-right:95vw;
    padding-left:4vw;
    margin-left:0vw;
    
}
#welcomeContent{
    background-color:#E1DACA;
    position: absolute;
    text-align: center;
    height:95%;
    margin-left:35%;
    margin-top:2vh;
    width: 64%;
    border:2px;
    border-style:solid;
    border-color:#1F271B;
    
}
#welcomeSideContent{
    background-color:#E1DACA;
    position: absolute;
    text-align: left;
    padding-left:10px;
    margin-top:2vh;
    right:66%;
    left:10px;
    border:2px;
    height:95%;
    border-style:solid; 
    border-color:#1F271B;
    
    
}

#postContain{
    text-align:left;
    width:25vw;
    height:2.5vh;
    padding: 15px 0px 15px 0px;
    border-bottom-style:solid;
    
}

#homeIcon{
  width:45px;  
  margin:0px 15px 0px 15px;
}
#blogIcon{
    width:45px;
    margin:0px 15px 0px 15px;
}

#ad{
    width:25px;
    height:25px;
}

/*Blogpage*/
#mostRecent{
    padding-bottom:25px;
    border-style:solid;
    border:2px;
}

#blogPosts{
    border-style: solid;
    background-color: #E1DACA;
    border-color: #1F271B;
    height:100vh;
    width:25%;
    margin-top:25px;
    padding-left:4%;
    padding-right:50%;
    margin-left:5px;

    
}