body{
        overflow-y:scroll;
        font-family:pixel;
        color:red;
        font-size:18px;
        background-image:url('css/yellowlace.gif');
    }    

    /* . . . . . . . . . . . . . . . */ 
    a{
        color:blue;
        text-decoration:dotted underline;
    }
    a:hover{
        color:purple;
    }
    
    /* . . . . . . . . . . . . . . . */            

    ::selection{ 
        color:#F3FEE7;
        background-color:blue;
    }    

/* . . . . . . . . . . . . . . . */      

    @font-face {
        font-family: 'pixel';
        src:url(css/VT323-Regular.ttf);
    }    
    
    
    /*********************************
    
            Container + Header 
    
    *********************************/    
    
    #container{
        width:805px;
        height:640px;
        margin-top:10px;
        position:absolute;
        left: 50%;
        z-index:1;
        background:#F3FEE7;
        transform: translateX(-50%);
        border:5px #CBFA9B double;
    }    
    
    /* . . . . . . . . . . . . . . . */  
    
    #header-content-container{
        float:right;
        width:600px;
        border-top:none;
        border-right:none;
        border-bottom:3px #CBFA9B double;
        border-left:5px #CBFA9B double;
        height:100%;
    }
    
    /* . . . . . . . . . . . . . . . */  
    
    #header{
        width:100%;
        height:160px;
        object-fit: fill;
    }

    /* . . . . . . . . . . . . . . . */  
    
    #sidebar{
        float:left;
        width:197px;
        position:absolute;
        height:100%;        
    }
    

    /*********************************
        
                Content
    
    *********************************/
    
    #wrapper{
        float:left;
        overflow-y: scroll;
        width:100%;
        height:450px;
        margin-top:5px;
    }
    
    #main{
        border:4px #CBFA9B double;
        width:525px;
        margin-left:25px;
        height:450px;
        padding:10px;
        margin-top:20px;
    }