/*:root {
    none of this makes sense anymore

  --red: #ff0000; what
  --almostwhite: #ff7777;
  --almostblack: #160000;
}*/
body{
    background-image: url("../siteimg/bgtest.png");
}

.index_main_image{
    width: 85%;
    height: auto;
    color: white;
    border-style: groove;
    border-color: #bb0000;
}

/*.main_img{
    border-style: ridge;
    border-color: red;
    width: 60%;
    height:60%;
}*/

/*.postholder{
    display:flex;
    flex-direction: column;
}

.post{
    background-color: black;
    border-style: groove;
    border-color: red;
    width: 100%;
    height: auto;
    margin: 0%;
    
}

.post_img{
    border-style: inset;
    border-color:purple;
}

.post_content{
    background-color: #8e67b8;
    border-style: inset;
    border-color: purple;
    color: black;
}*/

.nav_base{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.nav_container{
    margin-left: 5%;
    margin-right: 5%;
    background-size: 100%, 12.5%;
    background-image: linear-gradient(15deg, rgba(0,0,0,.9), rgba(125,0,0,.5) 30%, rgba(105,25,25,.3) 70%, rgba(0,0,55,.4) 100%),
        url("../siteimg/tile.png");
    border-color: #8c0000;
    border-style: ridge;
    color: white;
    font-size: 24px;
    text-align: left;
}

a{
    color: white;
    /*color: #ff0066;*/
}

a:visited{
    color: #e00000;
}
a:hover{
    color: white;
}

p{
    color: white;
}