*{--white:#fff;--off-white:#f0f0f0;--light-grey:#dbdbdb;--smokey-grey:#716f6f;--off-black:#141414;--blue:#557ce7}body{align-items:center;background-color:var(--off-white);display:flex;font-family:Poppins,sans-serif;height:97vh;justify-content:center}.container{background-color:var(--white);border-radius:25px 25px 130px 25px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;padding:3rem;width:45vw}@media screen and (max-width:768px){body{height:85vh}.container{padding:1.3rem;width:90vw}}.form{display:flex;flex-direction:row}.form_group{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-right:1rem}.form_group .label_1{color:var(--smokey-grey);font-size:.8rem;font-weight:700;letter-spacing:.2rem;margin-bottom:.5vh}.form_group input{border:1px solid var(--light-grey);border-radius:7px;box-sizing:border-box;font-size:1.7rem;font-weight:800;height:8vh;padding:.8rem;width:9vw}.form_group input:focus{border:1px solid var(--smokey-grey);outline:none}.form_group input::-webkit-inner-spin-button,.form_group input::-webkit-outer-spin-button{-webkit-appearance:none}.form_group .label_2{color:red;font-size:.7rem;font-style:italic;font-weight:400;margin-top:1vh}@media screen and (max-width:768px){.form{justify-content:space-between}.form_group{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form_group input{font-size:5vw;height:6vh;padding:.5rem;width:24vw}.form_group .label_2{font-size:.7rem;margin-bottom:.5vh;width:12ch}}.result{display:flex;flex-direction:column;font-size:4.8vw;font-style:italic;font-weight:800;justify-content:space-between}.result p{color:var(--blue);margin:-.9vw 0}.result p span{color:var(--off-black)}@media screen and (max-width:768px){.result{font-size:14vw}}.separator{align-items:center;display:flex;margin-top:1rem}.line{background-color:var(--off-white);height:.25vh;width:100%}.separator img{aspect-ratio:1/1;background-color:var(--blue);border-radius:50%;box-sizing:border-box;height:10vh;padding:1.2rem;transition:all .5s ease-in-out}.separator img:hover{background-color:var(--off-black);cursor:pointer;transform:scale(1.1)}@media screen and (max-width:768px){.separator{display:flex;justify-content:center;position:relative}.line{position:absolute}.separator img{height:9vh;z-index:1}}
/*# sourceMappingURL=main.02fc0181.css.map*/