body{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1em;
    background-color: antiquewhite;
}

@font-face {
    font-family: "lexie";
    src: url(../fonts/LexieReadable-Regular.ttf);
}
@font-face {
    font-family: "lexie-bold";
    src: url(../fonts/LexieReadable-Bold.ttf);
}

#flex-container{
    display:flex;
    flex-direction: row;
}

#main-content{
    border-width: 3px 4px 4px 3px;
    border-style: double solid solid double;
    border-radius: 2px;
    border-color: black;
    width: 80%;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: white;
}

#sidebar{
    border-width: 3px 4px 4px 3px;
    border-style: double solid solid double;
    border-radius: 2px;
    border-color: black;
    width: 20%;
    background-color: #F89330;
}

#sidebarscroll{
    position: sticky;
    top: 10px;
}

a{
    color: gold;
}

img{
    -ms-interpolation-mode:nearest-neighbor; 
    /*IE 7-11*/ image-rendering: -o-crisp-edges; 
    /*Opera 12*/ image-rendering: -webkit-crisp-edges; 
    /*Safari 6-9*/ image-rendering: -moz-crisp-edges; 
    /*Firefox 3.6-64*/ 
}

footer{
    background-color: #F89330; 
    padding: 5px;    
    border-width: 1px 3px 3px 2px;
    border-style: solid double double solid;
    border-radius: 8px;
    border-color: black;
    text-align: center;
}

.orange{
    text-align: center; 
    display: block; 
    background-color: #F89330; 
    padding: 5px;    
    border-width: 1px 3px 3px 2px;
    border-style: solid double double solid;
    border-radius: 8px;
    border-color: black;"
}

.padded{
    padding-left: 10%;
    padding-right: 10%;
}