.navbar,.scroll-up-btn{font-family:figtree,sans-serif;font-optical-sizing:auto;font-style:normal}.navbar{position:fixed;width:100%;z-index:999;padding:12px 0;transition:all .3s ease}.navbar.sticky{padding:12px 0}.navbar .max-width{display:flex;align-items:top;justify-content:space-between}.navbar .logo{overflow:hidden;line-height:1.1}.navbar .logo a{color:#be3455;font-size:40px;font-weight:700;letter-spacing:1px;display:inline-block}.navbar .logo .anim-char{display:inline-block;transform:translateY(101%);transition:transform .5s cubic-bezier(.68,.01,.43,.875)}.navbar .logo.splitted .anim-char{transform:translateY(0)}.navbar .logo a span{color:#be3455;transition:all .3s ease}.navbar.sticky .logo a,.navbar.sticky .logo a span{color:#be3455;font-size:20px;letter-spacing:1px}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;color:#be3455;font-size:20px;font-weight:400;margin-left:25px;transition:color .3s ease;letter-spacing:1px}.navbar .menu li a.menu-btn.works-active[href$="#works"],.navbar .menu li a.menu-btn.about-active[href$="#about"],.navbar .menu li a.menu-btn.contact-active[href$="#contact"],.navbar .menu li a:hover,.navbar.sticky .menu li a:hover{color:#be3455;font-weight:900}.menu-btn{color:#be3455;cursor:pointer;display:none}i.material-symbols-outlined{font-size:45px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" -25,"opsz" 45;line-height:1}span.close{display:none}.scroll-up-btn{position:fixed;height:45px;width:42px;background:111;bottom:30px;right:max(30px,calc(50% - 1750px * .91/2));text-align:center;line-height:45px;color:#be3455;z-index:9999;font-size:90px;border-radius:6px;border-bottom-width:2px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease;font-weight:100}.scroll-up-btn.show{bottom:25px;right:78px;opacity:1;pointer-events:auto}.scroll-up-btn:hover{filter:brightness(90%)}@media(max-width:1024px){.navbar.sticky .logo a,.navbar.sticky .logo a span{margin-top:7px}.menu-btn{display:flex;align-items:center;justify-content:center;z-index:999}.material-symbols-outlined .burger,.material-symbols-outlined .close{margin-right:-6px}span.close.active{display:block;margin-top:30px;font-size:105px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" -25,"opsz" 45}.navbar .menu li a.menu-btn.works-active[href$="#works"],.navbar .menu li a.menu-btn.about-active[href$="#about"],.navbar .menu li a.menu-btn.contact-active[href$="#contact"],.navbar .menu li a:hover,.navbar.sticky .menu li a:hover{color:#fff;font-weight:900}span.burger.active{display:none}.navbar .menu{position:fixed;height:100vh;width:100%;left:0;top:0;background:#be3455;text-align:center;display:flex;line-height:1.1;flex-direction:column;justify-content:center;align-items:center;clip-path:circle(0 at 100% 0);-webkit-clip-path:circle(0 at 100% 0);transition:clip-path .5s ease,-webkit-clip-path .5s ease;pointer-events:none}.navbar .menu.active{clip-path:circle(150% at 100% 0);-webkit-clip-path:circle(150% at 100% 0);pointer-events:auto}.navbar .menu.active li a{color:#fff}.navbar .menu.active~.menu-btn{color:#fff}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:150px;letter-spacing:4px}.navbar .menu li a.menu-margin{margin-top:20px}.scroll-up-btn,.scroll-up-btn.show{right:50px}}@media(max-width:947px){.navbar .menu li a{font-size:80px}.material-symbols-outlined .burger,.material-symbols-outlined .close{margin-right:-5px}}@media(max-width:947px) and (min-width:600px){.navbar .menu li a{font-size:130px;letter-spacing:3px}}@media(max-width:500px){.scroll-up-btn,.scroll-up-btn.show{right:20px;bottom:25px;height:38px;width:35px;font-size:60px;line-height:38px}.navbar .menu li a{font-size:80px;letter-spacing:2px}span.close.active{display:block;margin-top:10px;font-size:75px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" -25,"opsz" 45}.material-symbols-outlined .burger,.material-symbols-outlined .close{margin-right:-6px}}