@import url("https://use.typekit.net/naq1gyi.css");:root{--bg-color:var(--background-clr,#0f0a0a);--text-color:var(--font-clr,#f5f5f5);--border-color:var(--stroke-clr,#f5f5f5);--white:#fafaf0;--accent-green:#25b50f;--accent-blue:#5a3fff;--accent-red:#ff3f3f;--accent-orange:#f60;--accent-teal:#2da9dc;--accent-color:#f60}[data-theme=dark]{--bg-color:#0f0a0a;--font-clr:#fafaf0;--stroke-clr:#fafaf0;--stroke-clr-op:hsla(60,50%,96%,.3);--black:#0f0a0a}[data-theme=light]{--bg-color:#faf8f0;--font-clr:#0f0a0a;--stroke-clr:#0f0a0a;--stroke-clr-op:rgba(15,10,10,.3);--white:#0f0a0a;--black:#0f0a0a;--text-color:#0f0a0a;--border-color:#0f0a0a}body{min-height:100dvh;background-color:var(--bg-color);color:var(--white);display:flex;flex-direction:column;font-family:alfabet,sans-serif;::selection{background-color:var(--accent-color)}}*,:after,:before{box-sizing:border-box}a{text-decoration:none;color:var(--white)}a,button,input[radio=radio],input[type=checkbox]{cursor:pointer}html{text-size-adjust:none;line-height:1.5}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p,ul{margin:0}ol[role=list],ul[role=list]{list-style:none}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}p{text-wrap:pretty}h1,h2{font-weight:900}h1,h2,h3{text-transform:uppercase}h3{font-weight:800;letter-spacing:.05rem}h5{font-weight:200;text-transform:uppercase}.pbold{font-weight:600}p{font-weight:400}.moon-btn{display:flex;justify-content:center;background:none;border:none;margin-right:.5rem;padding:0;height:-moz-fit-content;height:fit-content;cursor:pointer}.nav_container{opacity:1;position:-webkit-sticky;position:sticky;background-color:var(--bg-color);width:100%;top:0;z-index:999999;& h1{font-size:6rem;line-height:6rem}}.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;width:100vw;height:100vh;top:70px;z-index:999;display:block;opacity:0;pointer-events:none;transition:.8s cubic-bezier(.77,.45,.3,1);&.active{left:0;pointer-events:all;opacity:1;transition:.8s cubic-bezier(.77,.45,.3,1)}}.nav_container li :hover{transition:.1s ease}.nav_container Link{color:var(--white);text-decoration:none}.nav_container .navbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.nav_container .nav-branding{display:flex;gap:.5rem;align-items:center;font-weight:700;z-index:99999;& svg{width:20px;height:20px;fill:var(--white)}&.active{& svg{transition:.8s cubic-bezier(.77,.45,.3,1);fill:var(--white)}}}.nav_container .nav-link{font-weight:700;font-size:2rem;padding-bottom:.5rem;&:hover{color:var(--accent-blue)}}.flexshelf{z-index:999999}.nav_container .hamburger{display:none;cursor:pointer;padding-inline:.5rem;z-index:999999;transition:.8s cubic-bezier(.77,.45,.3,1);&.active>*{background-color:var(--white);transition:.8s cubic-bezier(.77,.45,.3,1)}}.toggler{display:flex;gap:.5rem;align-items:center;& svg:not(.bi-cart-fill){fill:var(--white);width:20px;height:20px;stroke:#fff;stroke-width:2px;cursor:pointer;& path:first-child{opacity:0;transition:.2s ease-in-out;.active &{opacity:100%;transition:.2s ease-in-out}}}}.nav_container .hamburger{display:block}.nav_container li{list-style:none;color:var(--secondary)}.diplayBasketNumber{position:absolute;background-color:var(--accent-orange);bottom:0;left:0;color:var(--bg-color);font-size:.75rem;padding:.2rem;border-radius:100%;width:20px;height:20px;text-align:center}.basketContainer{position:relative}.basketContainer a{display:grid}.basketContainer svg{fill:var(--white);align-self:end}.nav_container .bar1,.nav_container .bar2,.nav_container .bar3{display:block;width:25px;height:1.5px;margin:5px auto;transition:all .3s ease-in-out;background-color:var(--white)}.active .bar2{opacity:0}.active .bar1{transform:translateY(4px) rotate(45deg)}.active .bar3{transform:translateY(-8px) rotate(-45deg)}.nav_container .nav-menu{padding-top:5rem;position:fixed;transform-origin:left;right:-120%;top:0;gap:1rem;background-color:var(--accent-orange);opacity:100%;width:500px;height:100lvh;text-align:center;transition:.8s cubic-bezier(.77,.45,.3,1);padding-left:2rem;z-index:9999;@media (max-width:699px){width:100vw;padding-left:0;&>*{margin-left:1rem}}>*{text-align:left}}.nav_container .nav-menu.active{right:0;transition:.8s cubic-bezier(.77,.45,.3,1)}.nav-item,ul h1{position:relative;left:0;opacity:0;transition:.8s}.bi-cart-fill{opacity:100%}.nav-menu.active{& h1,li{transition:.8s;animation-name:fadeLeft;animation-duration:.9s;animation-iteration-count:1;animation-fill-mode:forwards;&:first-child{animation-delay:.2s}&:nth-child(2){animation-delay:.3s}&:nth-child(3){animation-delay:.4s}&:nth-child(4){animation-delay:.5s}}}@keyframes fadeLeft{0%{left:5rem;opacity:0}to{left:0;top:0;opacity:100%}}.newMoon,.sun{width:20px;height:20px;fill:var(--stroke-clr)!important}.flexshelf{display:flex;gap:.5rem;align-items:center;justify-content:center}.slider{display:flex;gap:1rem;position:absolute;right:0;transition:.2s ease}.lightModeSwitch{position:relative;width:24px;height:24px;overflow:hidden;cursor:pointer;&.active{& .slider{right:-150%;transition:.2s ease}}}.lightModeSwitch,.timer-container{display:flex;justify-content:center;align-items:center}.timer-container *{color:var(--accent-orange)}.time-left{display:flex;width:50px}.timer-buttons{position:absolute;top:50px}.footer{border-top:1px solid var(--white);padding:3rem;color:var(--white);background-color:var(--bg-color);max-height:300px;width:100%;margin-top:auto}.footer-container{height:100px}.footer-container,.footer-logo-container{display:flex;justify-content:center;align-items:center}#footer-logo{fill:var(--white);transition:.2s ease;height:88px;width:88px}#footer-logo:hover{fill:var(--accent-orange)}.footer-links{display:flex}.footer-nav,.footer-socials{display:flex;flex-direction:column;list-style-type:none;gap:.5rem}.footer-link{transition:.2s ease}.footer-link:hover{color:var(--accent-orange)}@media only screen and (min-width:800px){.footer{padding:5rem 3rem}.footer-container{justify-content:space-between}.footer-links{gap:1rem}#footer-logo{height:100px;width:100px}}.pributton{background-color:transparent;border:1px solid var(--white);color:var(--white);padding-block:.5rem;padding-inline:1rem;font-weight:800;letter-spacing:.08rem;transition:.2s ease;text-transform:uppercase;font-size:1.25rem;width:-moz-fit-content;width:fit-content}.pributton:hover{background-color:var(--white);color:var(--bg-color)}