header{z-index:100;flex-direction:column;justify-content:flex-end;align-items:center;text-decoration:none;display:flex;position:fixed}.page{flex-direction:column;justify-content:space-between;align-items:center;display:flex}footer{justify-content:center;align-items:center;display:flex}@media (min-width:800px),(orientation:landscape){header{justify-content:flex-start;top:0;bottom:auto}}
nav{flex-direction:column;display:flex}nav .buttons{flex-direction:row;justify-content:space-around;align-items:center;display:flex}.nav-button-container{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.nav-button{flex-direction:column;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.nav-button .logo{justify-content:center;align-items:center;display:flex}.nav-button span{font-family:Nunito}nav .menu{flex-direction:column;justify-content:space-around;align-items:center;display:flex}.menu-line{width:100%;padding:calc(.5 * var(--scale));flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.menu-line:hover{background-color:var(--transparentGrey)}.menu-line:not(:last-child){border-bottom:calc(var(--scale) * .05) solid var(--grey)}.menu-line .logo-container{width:calc(3 * var(--scale));height:calc(4 * var(--scale));margin:0 calc(1 * var(--scale));flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-line>span{margin:0 calc(1 * var(--scale));font-size:calc(var(--scale) * 1.5)}nav .menu-line .Logo{width:calc(3 * var(--scale));height:calc(3 * var(--scale));flex-shrink:0;max-width:none;margin:0}nav .menu-line .harmate-logo{width:calc(3.6 * var(--scale));height:calc(3.6 * var(--scale))}