@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#fff;overflow:hidden}img{width:100%;height:100%;object-fit:cover}p,a{text-decoration:none;color:#fff;font-size:19px;font-weight:600}nav{position:fixed;top:0;width:100%;padding:2em;display:flex;align-items:center;z-index:2}nav>div{flex:1}.links{display:flex;justify-content:center;align-items:center;gap:2.5em}.shop{display:flex;justify-content:flex-end;align-items:center;gap:2em}.copy{position:absolute;top:45%;transform:translateY(-50%);width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2}footer{position:absolute;bottom:0;width:100vw;padding:2em;display:flex;justify-content:flex-end;align-items:center;z-index:2}.slider{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.slide-active{position:absolute;width:100%;height:100%}.slide-next{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.slide-next-img{width:250px;height:350px;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.slider-content{position:absolute;left:3em;bottom:-2em;width:100%;height:175px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.slider-content-active{position:absolute;top:0;left:0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.slider-content-next{position:absolute;top:200px;left:0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}h1{text-transform:uppercase;font-family:Rock Salt,cursive;font-size:50px;font-weight:lighter;color:#fff;padding-left:.1em}h1 span{position:relative}@media (max-widht: 900px){.links,.shop,footer{display:none}.logo{justify-content:center;text-align:center}}@media (max-width: 800px){p,a{font-size:15px}.links{gap:1.5em}.shop{gap:.5em}.copy{padding:1.2em}.slider-content{bottom:-3em}h1{font-size:30px;padding-left:.1em}}@media (max-width: 650px){p,a{font-size:13px}.links{gap:.5em}.shop{gap:.3em}.copy{padding:1em}.slider-content{bottom:-4em}h1{font-size:30px}}@media (max-width: 450px){p,a{font-size:15px}nav{flex-direction:column}.shop{gap:.3em}.copy{padding:1em}footer{bottom:-.5em}.slider-content{bottom:-5em;left:1em}h1{font-size:20px}}
