header .tree-icon{position:fixed;left:0;top:0;display:flex;width:100%;color:var(--text-color-highlight);height:10vh;min-height:fit-content}header .tree-icon .background-element{position:fixed;left:0;top:0;width:100%;height:10vh;background-color:var(--background-color-highlight);z-index:-1}header .tree-icon svg{display:inline-block}header .tree-icon p{text-transform:uppercase;font-family:"Courier New",Courier,monospace;font-optical-sizing:auto;font-size:3.5vh;font-weight:600;letter-spacing:.1rem;margin:auto 0}header nav{position:fixed;top:0;right:0;z-index:10}header nav .burger-icon{width:80px;background:none;border:none;line-height:10vh;font-size:10vw;cursor:pointer;float:right}header nav .burger-icon i{color:var(--text-color-highlight)}header nav .nav-items{display:none}header nav .nav-items.active{display:list-item;margin-top:10vh;list-style:none;font-size:0}header nav .nav-items li a{background-color:var(--button-background-color);display:block;text-align:right;font-weight:600;width:100%;color:#000;padding:10px 16px;text-decoration:none;font-size:5vw;text-transform:uppercase;transition:box-shadow .3s,scale .3s}header nav .nav-items li a:hover{background-color:var(--button-background-color-highlight);color:#fff;box-shadow:4px 4px 35px 4px var(--button-background-color-highlight);scale:1.02}@media(min-width: 768px){header .burger-icon{margin-right:35px}header .nav-items{margin-top:12vh}}@media(min-width: 1200px){header .tree-icon{justify-content:flex-start}header .tree-icon p{font-size:1.5rem}header nav{z-index:200;margin:0;padding:0;width:100%;display:flex;justify-content:flex-end;position:fixed}header nav .burger-icon{display:none}header nav .nav-items{display:list-item;list-style:none;font-size:0;width:fit-content;margin:0;padding:0;justify-content:right}header nav .nav-items li{display:inline-block;margin:0;padding:0;width:fit-content}header nav .nav-items li a{font-size:1vw;margin:0;width:fit-content;border-left:2px solid var(--button-background-color-highlight);border-bottom:2px solid var(--button-background-color-highlight);float:right;border-radius:0 0 15px 15px;text-align:center}header nav .nav-items li a.active{background-color:var(--button-background-color-highlight);color:#fff;width:fit-content}}