:root{
    --hf-padding: 1%;
    --main-height: 66%;
}

html {
   height: 100%;
   width: 100%;
}

body {
   height: 100%;
   width: 100%;
   overflow-y:auto;
}

header{
    min-height:10%;
    text-align:center;
    padding: var(--hf-padding);
    margin-bottom:1%;
}

nav{
    /*min-width:10%;
    max-width:10%;*/
    width:100px;
    min-height:var(--main-height);
    max-width:10%;
    padding:5px;
    padding-top:0%;
    display:inline-block;
    vertical-align:top;

}

main{
    width: 80%;
    max-width:80%;
    background-color:white;
    min-height: var(--main-height);
    display:inline-block;
    margin:1%;
}

footer{
    padding: var(--hf-padding);
    margin-bottom:0%;
    text-align: center;
}

.nav-tab{
    width:100%;
    display:block;
    text-align:center;
}