body
{
    z-index:0;
    overflow:auto;
    
    top:0;
    bottom:0;
    left:0;
    right:0;
    
    margin:0;
    
    padding:0;
    
    border:0;
    
    width:100%;
    min-height:100%;
    
    background-color:#243288;
}

#ribbon
{
    z-index:3;
    position:fixed;
    
    right:5vw;
    
    width:10vw;
    height:100vh;
    
    background-color:#eddb47;
    
    opacity:0.8;
}

#banner
{
    z-index:1;
    position:fixed;
    
    top:2vh;
    left:0px;
    right:0px;
    
    margin:auto;
    
    width:100vw;
    min-width:600px;
    height:21vh;
}

#banner > img
{
    display:block;
    
    margin:auto;
    
    max-width:100%;
    max-height:100%;
    
    border-radius:10px;
    
    opacity:0.7;
}

#buffer
{
    position:absolute;
    
    top:30vh;
    left:0;
    right:0;
    
    margin:auto;
    
    padding-bottom:15vh;
    
    width:44vw;
    min-width:320px;
}

#frame
{
    overflow:hidden;
    
    padding-bottom:10px;
    padding-left:50px;
    padding-right:50px;
    
    border-style:solid;
    border-width:3px;
    border-radius:50px;
    border-color:#deddda;
    
    min-height:50px;
    
    background-image: url("/images/decor/pattern.jpg");
    background-attachment:fixed;
}

#threshold
{
    overflow:visible;
    
    margin:auto;
    
    width:100%;
}

#headline
{
    margin:0;
    
    padding:0;
    
    width:100%;
}

#content
{
    overflow:visible;
    
    width:100%;
}

.widget
{
    margin-bottom:5px;
    
    padding:15px;
    
    border-width:2px;
    border-style:outset;
    border-color:#243288;
}

#footer
{
    z-index:1;
    display:flex;
    position:fixed;
    
    bottom:3vh;
    left:0;
    right:0;
    
    width:100vw;
    height:10vh;
    min-height:64px;
    
    background-color:#deddda;
    
    opacity:0.9;
    
    justify-content:center;
    align-items:center;
}