header .tree-icon{position:fixed;left:0;top:0;display:flex;width:100%;color:var(--text-color-highlight);height:4rem;min-height:fit-content;z-index:10}header .tree-icon .background-element{position:fixed;left:0;top:0;width:100%;height:4rem;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-size:1.5rem;font-weight:600;letter-spacing:.1rem;margin:auto 0}header nav{position:fixed;top:0;right:0;z-index:10}header nav .burger-icon{background:none;border:none;line-height:4rem;font-size:2.5rem;cursor:pointer;margin-right:1rem;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:4rem;list-style:none;border:3px solid var(--button-background-color-highlight);border-right:none;border-radius:3px 0 0 3px}header nav .nav-items li{border-bottom:1px solid var(--button-background-color-highlight)}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:14px 16px;text-decoration:none;font-size:1rem;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:2px 2px 15px -2px var(--button-background-color-highlight);scale:1.01}header nav .nav-items li:last-child{border-bottom:none}@media(min-width: 400px){header nav .burger-icon{font-size:3rem}header nav .nav-items li a{font-size:1.5rem}}@media(min-width: 1200px){header .tree-icon{justify-content:flex-start}header nav{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;justify-content:right}header nav .nav-items li{display:inline-block;width:fit-content;border:none}header nav .nav-items li a{font-size:1rem;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;padding:4px 8px;font-weight:500;max-width:140px;align-content:center}header nav .nav-items li a.active{background-color:var(--button-background-color-highlight);color:#fff;width:fit-content}}@media(min-width: 1600px){header nav .nav-items li a{max-width:none;padding:10px 14px}}