*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;min-height:100vh;margin:0;line-height:1.3}html{font-size:100%}img,video{object-fit:cover;max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}article{margin:0}h1,h2,h3,h4,p{overflow-wrap:break-word}button{font:inherit;color:inherit;cursor:pointer}:root{--clr-primary-lavender-300:#8486a9;--clr-primary-pink-100:#fb6087;--clr-neutral-white:#fff;--clr-neutral-slate-700:#343650;--clr-neutral-slate-800:#1e1f29;--clr-neutral-slate-900:#191a24;--clr-card-top-background:#2e3047;--ff-body:"Red Hat Text", sans-serif;--fs-body:14px;--card-dot-size:8px;--card-dot-position:calc(var(--card-dot-size) / 2 * -1)}body{font-family:var(--ff-body);font-size:var(--fs-body);color:var(--clr-neutral-white);background-color:var(--clr-neutral-slate-800);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='1440'%20height='197'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h1440v197H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cg%20mask='url(%23b)'%3e%3cpath%20fill='%23211A29'%20d='M1440%2050.205L1088.504%200%20949.669%2050.205%20878%2025.102%20556%200%20398.525%2050.205l-95.807-25.103-51.328%2016.761L45.704%200%200%2017.701V160h1440z'/%3e%3cpath%20fill='%231A1823'%20d='M1394.296%201l94.649%2069.336%2050.047-49.449zM1137.282%2042.576l51.328%2027.76%2080.6-5.426zM884%201l157.475%2083.151%2080.929-26.062zM351.496%201l138.835%2083.151%2049.321-28.526z'/%3e%3cpath%20fill='%232F2439'%20d='M0%2084.151L351.496%201l138.835%2083.151L562%2042.576%20884%201l157.475%2083.151%2095.807-41.575%2051.328%2027.76L1394.296%201%201440%2030.317V266H0z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='569'%3e%3cpath%20fill='%2346485B'%20fill-rule='evenodd'%20d='M774%20563a3%203%200%20110%206%203%203%200%20010-6zm-623.5-5a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm875%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-523-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm233-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM178%20542a3%203%200%20110%206%203%203%200%20010-6zm1127.5%202a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm45.5-10a3%203%200%20110%206%203%203%200%20010-6zm-565.5-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-784-15a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm278.5-9a3%203%200%20110%206%203%203%200%20010-6zm207.5-30a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm233-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-699-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1165-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM250%20345a3%203%200%20110%206%203%203%200%20010-6zm450.5-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-614-15a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm520-13a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1169.5-7a3%203%200%20110%206%203%203%200%20010-6zm-4.5%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-875-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm523%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-392-34a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm656%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-1008-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1298-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm520-13a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-145.5-9a3%203%200%20110%206%203%203%200%20010-6zm-601.5-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm499.5-29a3%203%200%20110%206%203%203%200%20010-6zm-985.5-10a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1298-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-465-22a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-832-6a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm33.5-18a3%203%200%20110%206%203%203%200%20010-6zm431.5-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm366-8a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm50-17a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm486-39a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM1136%2029a3%203%200%20110%206%203%203%200%20010-6zm-614.5-2a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zM412%2023a3%203%200%20110%206%203%203%200%20010-6zM1.5%2014a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm570-4a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm366-7a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm-656-3a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3zm1008%200a1.5%201.5%200%20110%203%201.5%201.5%200%20010-3z'/%3e%3c/svg%3e");background-position:right 15% bottom 0,top;background-repeat:no-repeat}#root{flex-direction:column;height:100dvh;display:flex}.main-content{flex-direction:column;align-items:center;gap:3.5rem;margin-top:auto;margin-bottom:auto;display:flex}.main-content__title{text-transform:uppercase;letter-spacing:.4rem;text-align:center;margin:0 2rem;font-size:1.1rem}.timer{justify-content:center;width:100%;display:flex}.timer__container{justify-content:space-around;gap:1rem;width:100%;margin:0 1.4rem;display:flex}.timer__item{flex-direction:column;align-items:center;gap:.8rem;display:flex}.timer__card{background-color:var(--clr-neutral-slate-700);width:70px;height:66px;box-shadow:0 5px 0 0 var(--clr-neutral-slate-900);perspective:400px;color:var(--clr-primary-pink-100);border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:relative;overflow:hidden}.timer__card:after{content:"";background:linear-gradient(transparent, hsl(from var(--clr-neutral-slate-800) h s l / .3) 90%, hsl(from var(--clr-neutral-slate-800) h s l / .2) 95%, transparent 100%);z-index:9;width:100%;height:50%;position:absolute;bottom:50%;transform:translateY(3px)}.timer__card-half{justify-content:center;width:100%;height:50%;display:flex;position:absolute;left:0;right:0;overflow:hidden}.timer__card-half--top{background-color:var(--clr-card-top-background);align-items:flex-end;line-height:0;top:0}.timer__card-half--bottom{align-items:flex-start;line-height:0;bottom:0}.timer__card-half--top:before,.timer__card-half--top:after,.timer__card-half--bottom:before,.timer__card-half--bottom:after{content:"";width:var(--card-dot-size);height:var(--card-dot-size);background-color:var(--clr-neutral-slate-900);z-index:10;border-radius:50%;position:absolute}.timer__card-half--top:before,.timer__card-half--bottom:before{left:var(--card-dot-position)}.timer__card-half--top:after,.timer__card-half--bottom:after{right:var(--card-dot-position)}.timer__card-half--top:before,.timer__card-half--top:after{bottom:var(--card-dot-position)}.timer__card-half--bottom:before,.timer__card-half--bottom:after{top:var(--card-dot-position)}.timer__label{letter-spacing:.2rem;color:var(--clr-primary-lavender-300);font-size:.42rem}.flip-card__top,.flip-card__bottom{backface-visibility:hidden;z-index:5;justify-content:center;width:100%;height:50%;display:flex;position:absolute;left:0;right:0;overflow:hidden}.flip-card__top{background-color:var(--clr-card-top-background);transform-origin:bottom;border-radius:.3rem .3rem 0 0;align-items:flex-end;line-height:0;animation:.3s ease-in forwards flipTop;top:0;transform:rotateX(0)}.flip-card__bottom{background-color:var(--clr-neutral-slate-700);transform-origin:top;border-radius:0 0 .3rem .3rem;align-items:flex-start;line-height:0;animation:.3s ease-in .3s forwards flipBottom;bottom:0;transform:rotateX(90deg)}.footer{text-align:center;width:100%;color:var(--clr-primary-lavender-300);flex-direction:column;align-items:center;margin-top:auto;padding-bottom:8px;font-size:.5rem;display:flex}.footer__socials{gap:2rem;margin-bottom:1.85rem;display:flex}.footer__social-icon path{transition:fill .3s}.footer__social-icon:hover path,.footer__social-link:focus-visible .footer__social-icon path{fill:var(--clr-primary-pink-100)}.footer__link{color:var(--clr-primary-lavender-300);text-decoration:none}.footer__link:hover,.footer__link:focus-visible{color:var(--clr-primary-pink-100);text-decoration:underline}@keyframes flipTop{0%{filter:brightness();transform:perspective(250px)rotateX(0)}to{filter:brightness(.5);transform:perspective(250px)rotateX(-90deg)}}@keyframes flipBottom{0%{filter:brightness(.6);transform:perspective(250px)rotateX(90deg)}to{filter:brightness();transform:perspective(250px)rotateX(0)}}@media (width>=1024px){:root{--card-dot-size:12px}body{background-position:bottom,top;background-size:contain}.main-content{gap:6.6rem}.main-content__title{letter-spacing:.52rem;margin-top:.7rem;font-size:1.3rem}.timer__container{justify-content:center;gap:2rem}.timer__item{gap:1.6rem}.timer__card{width:148px;height:138px;box-shadow:0 10px 0 0 var(--clr-neutral-slate-900);font-size:4.7rem}.timer__label{letter-spacing:.4rem;font-size:.8rem}.footer__socials{margin-bottom:3.2rem}}