:root{--color-primary:#000000;--color-primary-text:#FFFFFF;--color-light-background:#E0E0E0;--color-background:#FFFFFF;--color-dark-background:#111111;--color-text:#000000;--color-paragraph:#0F0F0F;--color-grey-9:#2F2F2F;--page-width:1280px;--unit-spacing:16px;--border-radius:1rem;--font-family:'Montserrat',sans-serif,Arial;--font-headings:'Montserrat',sans-serif,Arial}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-ExtraBold.ttf) format("truetype");font-display:swap;font-weight:700}h1{font-size:clamp(40px,13.3333333333px + 8.3333333333 * 1vw,120px)}h2{font-size:clamp(30px,25px + 1.5625 * 1vw,45px)}h3{font-size:clamp(23px,20.6666666667px + .7291666667 * 1vw,30px)}h4{font-size:clamp(20px,16.6666666667px + 1.0416666667 * 1vw,30px)}h5{font-size:clamp(17px,16.6666666667px + .1041666667 * 1vw,18px)}h6{font-size:clamp(15px,14.3333333333px + .2083333333 * 1vw,17px)}small{font-size:clamp(12px,11.6666666667px + .1041666667 * 1vw,13px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:400;line-height:1.25;margin:0}h1{font-weight:700}a{color:inherit;text-decoration:none}body{margin:0;background-color:#00b1ff;display:flex;flex-direction:column;height:100vh;font-family:var(--font-family)}.logo{text-align:center;position:fixed;top:30px;left:0;right:0}.logo img{display:block;width:10vw;height:auto;margin:0 auto}.footer{position:relative;margin-top:auto}.footer img{display:block}.footer__inner{background:#ffe201;height:5vh}@keyframes pulse{0%,100%{transform:translateX(-50%) translateY(-50%) rotate(-5deg) scale(1)}50%{transform:translateX(-50%) translateY(-50%) rotate(-4.5deg) scale(1.02)}}.footer__price{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%) rotate(-5deg);max-width:25vw;animation:pulse 2.5s ease-in-out infinite}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes stepFadeIn{from{opacity:0;transform:scale(.7)}to{opacity:.2;transform:scale(1)}}@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-60px) rotate(-5deg)}to{opacity:1;transform:translateX(0) rotate(-5deg)}}@keyframes slideInRight{from{opacity:0;transform:translateX(60px) rotate(5deg)}to{opacity:1;transform:translateX(0) rotate(5deg)}}@keyframes seq-img-1{0%{transform:scale(1)}7%{transform:scale(1.08)}13%{transform:scale(1)}100%{transform:scale(1)}}@keyframes seq-img-2{0%{transform:scale(1)}24%{transform:scale(1)}31%{transform:scale(1.08)}37%{transform:scale(1)}100%{transform:scale(1)}}@keyframes seq-img-3{0%{transform:scale(1)}48%{transform:scale(1)}55%{transform:scale(1.08)}61%{transform:scale(1)}100%{transform:scale(1)}}@keyframes seq-label-1{0%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}7%{background:#ff0083;color:#ffe201;transform:rotate(-5deg) scale(1.08)}13%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}100%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}}@keyframes seq-label-2{0%{background:#ffe201;color:#00b1ff;transform:rotate(5deg) scale(1)}24%{background:#ffe201;color:#00b1ff;transform:rotate(5deg) scale(1)}31%{background:#ff0083;color:#ffe201;transform:rotate(5deg) scale(1.08)}37%{background:#ffe201;color:#00b1ff;transform:rotate(5deg) scale(1)}100%{background:#ffe201;color:#00b1ff;transform:rotate(5deg) scale(1)}}@keyframes seq-label-3{0%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}48%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}55%{background:#ff0083;color:#ffe201;transform:rotate(-5deg) scale(1.08)}61%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}100%{background:#ffe201;color:#00b1ff;transform:rotate(-5deg) scale(1)}}.grid{padding-top:3rem;box-sizing:border-box;display:flex;align-items:center;margin:auto 0;justify-content:space-around}.item{position:relative;display:flex;flex-direction:column;align-items:center}.item img{width:100%;max-width:15vw;height:auto;display:block}.item h2{display:inline-block;background:#ffe201;font-weight:700;padding:1rem 2rem;box-sizing:border-box;color:#00b1ff;white-space:nowrap}.item:nth-child(1){animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both}.item:nth-child(1) img{animation:seq-img-1 7s ease-in-out 1s infinite}.item:nth-child(1) h2{animation:seq-label-1 7s ease-in-out 1s infinite}.item:nth-child(1) .img-wrap{animation:floatUp 3.5s ease-in-out infinite}.item:nth-child(1) .item__content{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) .5s both}.item:nth-child(2){animation:popIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}.item:nth-child(2) img{animation:seq-img-2 7s ease-in-out 1s infinite}.item:nth-child(2) h2{animation:seq-label-2 7s ease-in-out 1s infinite}.item:nth-child(2) .img-wrap{animation:floatUp 3.5s ease-in-out infinite}.item:nth-child(2) .item__content{animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1) .6s both}.item:nth-child(2) p{transform:rotate(5deg)}.item:nth-child(3){animation:popIn .6s cubic-bezier(.34,1.56,.64,1) .4s both}.item:nth-child(3) img{max-width:12vw;animation:seq-img-3 7s ease-in-out 1s infinite}.item:nth-child(3) h2{animation:seq-label-3 7s ease-in-out 1s infinite}.item:nth-child(3) .img-wrap{animation:floatUp 3.5s ease-in-out infinite}.item:nth-child(3) .item__content{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) .7s both}.img-wrap{display:flex;align-items:center;justify-content:center}.item__content{position:absolute;top:calc(100% - 2vw)}.item__content p{position:absolute;margin:15px 0 0 0;font-size:2rem;white-space:nowrap;color:#fff;font-weight:700;transform:rotate(-5deg)}.step{position:absolute;top:-80px;z-index:-1;color:#fff;opacity:.2;right:80%;font-size:30rem;font-weight:700;animation:stepFadeIn .8s ease-out both}.item:nth-child(1) .step{animation-delay:0s}.item:nth-child(2) .step{animation-delay:.2s}.item:nth-child(3) .step{animation-delay:.4s}
/*# sourceMappingURL=main.min.css.map */