.hamburger{position:absolute;top:0;left:calc(0% - 108px);display:flex;flex-direction:column;justify-content:center;gap:14px;width:108px;height:82px;background:var(--background);border:none;padding:12px;opacity:.8}.hamburger span{width:calc(108px * .8);height:2px;background-color:var(--font-color-dark);transition:.3s}.open .hamburger span:first-child{transform:translateY(16px) rotate(35deg)}.open .hamburger span:nth-child(2){width:0}.open .hamburger span:last-child{transform:translateY(-16px) rotate(-35deg)}.nav-menu{position:fixed;top:0;width:100%;max-width:386px;height:100%;right:calc(0% - 386px);display:flex;justify-content:start;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(135deg,var(--background),var(--background-e));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;box-shadow:0 8px 24px #00000033;padding:20px;opacity:.9;transition:.3s}.nav-menu.open{right:0}.nav-menu a{display:block;flex-grow:0;padding:10px 0;color:var(--font-color-dark);font-size:1rem;text-align:left;border-right:none;border-bottom:1px solid rgba(0,0,0,.2);transition:color .3s ease}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{color:#888}.nav-menu a.active{color:var(--maincolor)}.nav-menu a.disable{color:#999999;cursor:default}@media screen and (max-width:623px){.hamburger{left:calc(0% - 64px);gap:8px;width:64px;height:48px;padding:8px}.hamburger span{width:calc(64px * .8);height:2px;background-color:var(--font-color-dark);transition:.3s}.open .hamburger span:first-child{transform:translateY(10px) rotate(35deg)}.open .hamburger span:last-child{transform:translateY(-10px) rotate(-35deg)}.nav-menu{max-width:256px;right:calc(0% - 256px)}}