:root{--light-pink: #F44E77;--pink: #F02255;--light-blue: #1F236E;--dark-blue: #151955;--purple: #6A6D9E;--white: #D9D9D9;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600}*{padding:0;margin:0;box-sizing:border-box}body{scroll-behavior:smooth;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Kumbh Sans,sans-serif;font-size:16px;background:radial-gradient(#F2F6FF,#B4E5F5)}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.App{height:100vh;overflow:hidden;width:100vw;display:flex;flex-direction:column;justify-content:space-between}main{flex:1}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:2em 4em}nav{font-size:1.5em;font-weight:var(--fw-medium);display:flex;justify-content:space-between}nav a{padding:.5em 1.5em}.counter-logo{color:var(--dark-blue);font-size:1em;font-weight:var(--fw-semi-bold);text-transform:uppercase;display:flex;flex-direction:column;align-items:center}.nav-link{color:var(--light-blue)}.nav-link:hover{cursor:pointer;color:var(--light-blue)}.nav-link.active{color:var(--light-pink)}.counter{display:flex;flex-direction:column;align-items:center}.counter h1{color:var(--dark-blue);font-size:20rem;font-weight:800;letter-spacing:-16px;line-height:1;font-variant-numeric:proportional-nums}.counter-button{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:transparent;color:var(--white);border:transparent;margin-bottom:4em}.button-shadow{box-shadow:0 -2px #facbd7,0 4px 8px #00000012,0 8px 16px #f44e7727;transition:box-shadow .1s ease-in-out}.button-shadow:hover{box-shadow:none}.counter-btn_plus{display:flex;justify-content:center;align-items:center;width:180px;height:96px;background-color:var(--light-pink);border-top-left-radius:60px;border-bottom-left-radius:60px;border:1px solid var(--light-pink)}.counter-btn_reset{display:flex;justify-content:center;align-items:center;width:80px;height:96px;background-color:var(--light-pink);border:1px solid var(--light-pink)}.counter-btn_minus{display:flex;justify-content:center;align-items:center;width:180px;height:96px;background-color:var(--light-pink);border-top-right-radius:60px;border-bottom-right-radius:60px;border:1px solid var(--light-pink)}.counter-btn_plus:hover,.counter-btn_reset:hover,.counter-btn_minus:hover{background-color:var(--pink);color:var(--white);cursor:pointer}.counter form{display:flex;flex-direction:column;align-items:center;justify-content:center}.counter .new-value{width:152px;height:56px;box-shadow:0 1px #e9e9e9,0 2px 6px #bebebe65}.counter input{text-indent:40px;outline:none;border-radius:10px;border:1px solid #BEBEBE65}input::placeholder{color:var(--white);font-weight:var(--fw-regular);font-size:16px}.btn-set-value{margin-top:10px;border:1px solid var(--light-blue);background-color:var(--light-blue);border-radius:10px;padding:1em 2em;font-size:1rem;font-weight:var(--fw-medium);color:var(--white);text-transform:uppercase;cursor:pointer}.counter .btn-set-value:hover{background-color:var(--dark-blue);border:1px solid var(--dark-blue)}.test-error{height:60vh;display:flex;align-items:center;justify-content:center}.test-error button{width:152px;height:50px;text-transform:uppercase;font-size:16px;font-weight:var(--fw-semi-bold);background-color:var(--light-blue);color:var(--white);border:1px solid var(--blue);border-radius:10px}.test-error button:hover{background-color:var(--dark-blue);border-color:var(--dark-blue)}.error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error h1{font-size:1.5em;font-weight:var(--fw-regular);margin-bottom:2em;color:var(--light-blue)}.error .btn-back{padding-top:3em;color:var(--light-blue);font-size:1.5em;font-weight:var(--fw-medium)}.about{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.about .info-logo{margin-bottom:1em}.about h1{margin-bottom:1em;text-transform:capitalize;color:var(--light-blue);font-size:30.98px;font-weight:var(--fw-medium)}.about ul li{font-size:1.5em;color:var(--light-blue);font-weight:var(--fw-regular);display:flex;align-items:baseline;gap:.5rem;padding-left:5em}li:before{content:"";width:16px;height:16px;border-radius:16px;background-color:var(--pink);margin-right:16px}.about-img{color:var(--light-pink);font-size:32px;font-weight:700}.about .btn-back{color:var(--light-blue);margin-top:8em;font-size:1.5em;font-weight:var(--fw-medium)}.not-found{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--light-blue)}.not-found h2{text-transform:capitalize;font-size:24px;font-weight:var(--fw-medium);padding:3rem}.not-found .btn-back{padding-top:4rem;color:var(--light-blue);font-size:1.5em;font-weight:var(--fw-medium)}footer{justify-self:flex-end;padding-bottom:1.5em}footer p{color:var(--purple);line-height:25px;font-size:12px;margin-top:2.8rem}.text-align-center{text-align:center}@media screen and (max-width: 768px){body{font-size:10px}.nav-header{padding:3em 2em;font-size:.8rem}nav a{font-size:.8rem}nav a:last-of-type{padding-right:0}.counter-logo img{width:40px}.counter h1{font-size:16rem;letter-spacing:-8px}.counter-btn_plus,.counter-btn_minus,.counter-btn_reset{width:104px;height:55px}.counter-btn_reset{width:50px}.counter-button img{width:30px}.btn-set-value{font-size:1.2rem;padding:.5em 1em}.about ul li{font-size:.85rem;padding-left:1em;margin-bottom:1em}li:before{width:8px;height:8px;margin-right:.5em}.about-img{font-size:1rem;line-height:1}.about ul li svg{width:10px;height:10px}}@media screen and (max-width: 425px){body{font-size:6px;overflow:none}.nav-header{padding:2em .5em;font-size:.9rem}nav a{font-size:.9rem}nav a:last-of-type{padding-right:0}.counter-logo img{width:40px}.counter h1{font-size:10rem;letter-spacing:-4px}.counter-btn_plus,.counter-btn_minus,.counter-btn_reset{width:100px;height:49px}.counter-btn_reset{width:47px}.counter-button img{width:30px}.btn-set-value{font-size:1.2rem;padding:.5em 1em}.about ul li{font-size:.85rem;padding-left:1em;margin-bottom:1em}li:before{width:8px;height:8px;margin-right:.5em}.about-img{font-size:1rem;line-height:1}.about ul li svg{width:8px;height:10px}}