@import url(https://fonts.googleapis.com/css2?family=Alexer+Pro+Black+Italic&display=swap);:root{--bg-title:linear-gradient(90deg,#e24ace,#6a0dad)}body{background:url(https://static.vecteezy.com/system/resources/previews/004/256/686/non_2x/abstract-dark-pink-gradient-geometric-background-modern-background-design-wave-liquid-shapes-composition-creative-templates-fit-for-presentation-design-website-basis-for-banners-wallpapers-free-vector.jpg) no-repeat 50%/cover;font-family:Alexer Pro Black Italic,sans-serif;height:100vh;justify-content:center;margin:0}body,label{align-items:center;display:flex}label{font-size:1.2rem;font-weight:700}.container,label{text-align:center}.container{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:2rem;position:relative;width:100%}h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#e24ace,#6a0dad);background-image:var(--bg-title);color:#0000;font-family:Alexer Pro Black Italic,sans-serif;font-size:2.2rem;font-weight:700;text-align:center}.input-group,h1{margin-bottom:1rem}.input-group{display:flex;gap:10px;justify-content:center;margin-top:2rem}input{border:1px solid #ccc;border-radius:8px;font-size:1rem;font-weight:700;padding:10px;text-align:center;width:70px}button{align-items:center;background-color:#6a0dad;border:none;border-radius:50%;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:0;height:50px;justify-content:center;margin:20px auto 0;padding:12px;position:relative;width:50px}button:before{color:#fff;content:"\2193";font-size:1.8rem}span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#e24ace,#6a0dad);background-image:var(--bg-title);color:#0000}.result{font-family:Alexer Pro Black Italic,sans-serif;font-size:3rem;font-weight:700;font-weight:900;line-height:.8;margin-top:1rem;padding-left:20px;text-align:left}.result span{color:#6a0dad;display:inline;font-size:4.5rem;font-weight:900;padding-right:4px}.title{font-family:Alexer Pro Black Italic,sans-serif;font-size:4rem;font-weight:700;margin-bottom:1rem;text-align:center}@media (max-width:600px){.container{border-radius:25px;max-width:90%;padding:1.5rem}.input-group{flex-direction:row;gap:8px}input{padding:8px;width:60px}button{font-size:0;height:45px;margin-top:20px;padding:10px;width:45px}button:before{font-size:1.5rem}.result{font-size:2.8rem;font-weight:900;line-height:.8}.result span{font-size:3.5rem;font-weight:900;padding-right:4px}}@media (max-height:500px){body{padding-top:20px}.container,body{align-items:flex-start}.container{display:flex;flex-direction:row;justify-content:space-around;max-width:600px;padding:1.5rem}.input-group{align-items:flex-start;flex-direction:column;gap:5px;width:30%}input{width:100%}.result{font-size:2rem;padding-left:0;text-align:left;width:30%}button{height:50px;margin:0;width:50px}h1{font-size:1.3rem;text-align:left;width:30%}}@media (max-width:300px){.container{border-radius:15px;padding:1rem}.input-group{flex-direction:column;gap:5px}input{padding:6px;width:100%}button{height:40px;padding:8px;width:40px}button:before{font-size:1.2rem}.result{font-size:2rem}.result span{font-size:3rem}}@media (min-width:301px) and (max-width:400px){.container{border-radius:18px;padding:1.2rem}.input-group{gap:8px}input{padding:8px;width:60px}button{height:45px;padding:10px;width:45px}button:before{font-size:1.5rem}.result{font-size:2.5rem}.result span{font-size:3.8rem}}
/*# sourceMappingURL=main.ff4d2904.css.map*/