@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#2c3a47}.currency-converter{width:400px;background-color:#fff;border-radius:8px;padding:10px 20px;box-shadow:0 0 10px #0000001a}h1{font-weight:600;text-transform:uppercase;font-size:20px;padding:10px 0;margin-bottom:15px;color:#3498db;text-align:center;border-top:2px dashed #ccc;border-bottom:2px dashed #ccc}.box{width:100%;height:200px;background-image:url(/assets/logo-ZZttsAVT.png);background-repeat:no-repeat;background-size:50%;background-position:center}.input-container{margin-bottom:15px}label{display:block;margin-bottom:5px;color:#888;font-weight:500}input,select{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:18px;outline:none}input:focus,select:focus{border-color:#3498db}.result{margin-bottom:20px 0;padding:10px;border:2px dashed #3498db;border-radius:4px}.result p{font-weight:700;margin:10px 0;color:#3498db;text-align:center}