body {
    min-height: 100vh;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background-color: #2b3035;
    color:silver;
}
header
{
    background-color: #333333;
    color:white;
}
footer
{
    background-color: #333333;
    color:white;
}
#navigation
{
 padding-left:5px;
    margin-top:20px;
    margin-bottom:20px;
}
.logo
{
    background-image: url("/images/favicon.svg");
    background-repeat:no-repeat;
    background-position: center center;
    background-size:contain;
    width:100px;
    height:100px;
}
#mainoutput
{
    margin-top:20px;
    margin-bottom:20px;
}
@media screen and (max-width: 960px){
    #navigation
    {
        max-height:25px;
        overflow:hidden;
    }
    #navigation.opened
    {
        max-height:none;
    }
    .logo
    {
        position:absolute;
        top:0px;
        left:0px;
        width:50px;
        height:50px;
        display:inline-block;
    }
}