header .identity{width:6rem}ul.header-menu-wrap li a,.header-btn-wrap span{color:#fff9;font-size:.75rem}.header-btn-wrap svg{width:1.25rem;height:1.25rem}.header-btn-wrap{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#0d0d0d -74%,#ffffff1a 183%);border-radius:120px;padding:10px 20px;box-shadow:inset 0 -.48175px .48175px -1.25px #000000ad,inset 0 -1.83083px 1.83083px -2.5px #00000098,inset 0 -8px 8px -3.75px #0000003c}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#00000080}#menu{pointer-events:none}@media only screen and (max-width:768px){#menu{pointer-events:auto;z-index:6;flex-direction:column;justify-content:space-between;align-items:center;width:1.35rem;height:.5rem;display:flex}#menu span{transition:transform .4s ease-in-out}.open #menu span:first-child{transform:rotate(45deg)translate(1px,3px)}.open #menu span:last-child{transform:rotate(-45deg)translate(1.25px,-3.5px)}.haeder-menu-btn-wrap{background-color:var(--color-black);z-index:5;opacity:0;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100vw;padding:1.5rem 20px;transition:transform .4s ease-in-out,opacity .4s ease-in-out;position:fixed;top:4rem;left:0;transform:translateY(-150%)}ul.header-menu-wrap{flex-direction:column;align-items:flex-start;gap:1.5rem}header{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--color-black);height:4rem}header .identity{z-index:6;width:5rem}.open .haeder-menu-btn-wrap{opacity:1;transform:translateY(0)}.header-btn-wrap{padding:8px 15px}}@media only screen and (min-width:640px) and (max-width:768px){header{height:5rem}header .identity{width:6rem}.haeder-menu-btn-wrap{top:5rem}}@media only screen and (min-width:769px) and (max-width:1199px){header{height:5rem}header .identity{width:6rem}}@media only screen and (min-width:1200px) and (max-width:1400px){header{height:4rem}.header-btn-wrap{padding:6px 13px}.header-btn-wrap svg{width:1rem;height:1rem}ul.header-menu-wrap li a,.header-btn-wrap span{font-size:.65rem}header .identity{width:5rem}}
