html {
    width: 100vw;
    height: 100vh;

    font-family: 'Courier', monospace;
    color: #ddd;
    text-shadow: 0 0 5px #ddd;
    
    background: #222;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#wrapper {
    margin: 20px auto;

    max-width: 1750px;
    height: 90vh;
    min-height: 300px;
}
hr {
    width: 90px;
    height: 5px;
    
    background: #ddd;
    
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #ddd;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
nav {
    float: left;
    
    width: 100px;
    height: 100%;
    
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0 0 0 1px #ddd8,
        inset 0 0 20px #ddd8,
        0 0 20px #ddd8;
}
nav table {width: 100%;}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
#content {
    float: right;
    
    width: calc(100% - 110px);
    height: 100%;
    
    border: none;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0 0 0 1px #ddd8,
        inset 0 0 20px #ddd8,
        0 0 20px #ddd8;
}
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/