#menu-holder{z-index:10;background-color:var(--background);width:100%;height:100px;box-shadow:0 5px 10px var(--box-shadow);grid-template-columns:1fr 2fr;align-content:center;padding:30px 20px;display:grid;position:fixed}#logo-header{cursor:pointer;place-items:center;gap:10px;height:100%;display:flex}#logo-header .logo img{aspect-ratio:1;width:50px}#logo-header .text{border-left:2px solid var(--foreground);padding-left:5px;transition:all .25s}#logo-header .text .text-lines{white-space:nowrap;color:var(--foreground);font-size:calc(14px + .2vw);line-height:1.2;transition:all .25s}#logo-header:hover .text{border-color:var(--accent-one)}#logo-header:hover .text-lines{color:var(--accent-one)}.menu-links{flex-flow:row;justify-content:end;align-items:center;gap:25px;width:100%;height:100%;display:flex}.menu-links p{transition:all .25s ease-in-out}.menu-links p:hover{color:var(--accent-one);cursor:pointer}.menu-item{position:relative}.submenu{background:var(--background);min-width:120px;box-shadow:0 10px 25px var(--box-shadow);opacity:0;pointer-events:none;border-radius:8px;padding:20px 0;transition:opacity .2s,transform .25s;position:absolute;top:100%;left:-10px;transform:translateY(-8px)}.menu-item:hover .submenu,.menu-item:focus-within .submenu{opacity:1;pointer-events:auto;transform:translateY(0)}.submenu a{white-space:nowrap;color:var(--foreground);cursor:pointer;padding:10px 16px;text-decoration:none;display:block}.submenu a:hover{background:var(--accent-one);color:var(--background)}.caret{font-size:18px;display:inline-block}.menu-links svg{aspect-ratio:1;fill:none;stroke-width:5px;width:30px;stroke:var(--foreground)}.menu-links svg:hover{cursor:pointer;stroke:var(--accent-one)}.menu-links svg .filled{fill:var(--foreground)}.menu-links svg:hover .filled{fill:var(--accent-one)}.menu-links #hamburger-menu{aspect-ratio:1;stroke:none;width:30px;fill:var(--foreground);transition:all ease .25}.menu-links #hamburger-menu:hover{cursor:pointer;fill:var(--accent-one)}.mobile-menu{z-index:20;background-color:var(--background);opacity:0;flex-flow:row;width:100%;height:0;padding:0 20px;transition:height .6s,opacity .3s,transform,padding .6s;display:flex;position:absolute;top:100px;left:0;overflow:hidden;transform:translateY(-12px)}.mobile-menu.visible{opacity:1;height:calc(100vh - 100px);padding-top:20px;padding-bottom:200px;transform:translateY(0)}.mobile-menu div{padding-right:40px}.mobile-menu #main-menu{border-right:3px solid var(--foreground);flex-flow:column;justify-content:center;gap:30px;display:flex}.mobile-menu .sub-menu{flex-direction:column;justify-content:center;gap:30px;width:100%;height:100%;margin-left:5px;display:none}.mobile-menu .sub-menu a{color:var(--foreground);text-decoration:none}.mobile-menu .sub-menu.show{display:flex}@media (min-width:800px){#menu-holder{padding-right:100px}.menu-links.max-800{display:none}}@media (max-width:800px){.menu-links.min-800{display:none}#menu-holder{grid-template-columns:1fr 1fr}}
#hamburger-menu{transform-origin:50%;transition:transform .5s}#hamburger-menu.rotated{transform:rotate(-90deg)}