@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}h1{text-align:center;font-weight:700;font-size:30px}p{font-weight:200;font-size:20px}#welcome{height:400px;display:flex;align-items:center;color:#fff;background:#00249C}#welcome div{margin:auto}#welcome .icon{fill:#fff;text-align:center;font-size:50px;background-color:#5021ff;width:fit-content;padding:25px;display:flex;border-radius:25px;margin-bottom:15px}#converter{background:#2AA5CC;background:linear-gradient(135deg,#2484D9,#5021FF);width:90%;margin:-100px auto 50px;border-radius:15px;padding:5%;color:#fff}#converter .items{display:flex;justify-content:space-between}#converter .items div{width:25%;display:flex}@media screen and (max-width: 768px){#converter .items{flex-direction:column;width:100%}#converter .items div{width:100%;margin:5px 0;display:flex}}#converter .items div input,#converter .items div select{width:90%;margin:auto;border:none;padding:10px;border-radius:5px}#converter .items div input::placeholder{color:#000}#converter .items div button{margin:auto;border:none;padding:10px 35px;font-size:15px;font-weight:800;letter-spacing:2px;border-radius:15px;color:#fff;background-color:#f57e00;cursor:pointer}#converter .items div button svg{fill:#fff}#converter h4{margin-top:50px;text-align:center}#converter h3{text-align:center;font-weight:700;font-size:40px;color:#fff;-webkit-text-stroke:.4px #F57E00}@media screen and (max-width: 768px){#converter h3{font-size:25px}}#modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:none}#modal.opened{display:flex}#modal #modal-intern{background-color:#fff;margin:auto;width:90%;max-width:620px;height:auto;border-radius:15px;padding:5%;position:relative;display:flex;flex-direction:column}#modal #modal-intern .close-btn{position:absolute;right:3%;top:5%}#modal #modal-intern h2{text-align:center;font-weight:700;font-size:35px}#modal #modal-intern p{text-align:center;margin:20px 0 30px;font-size:17px}#modal #modal-intern button{margin:0 auto;border:none;background-color:#f57e00;color:#fff;padding:3% 10%;border-radius:5px;cursor:pointer}
