*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}.converter{background-color:#b8d7eb;width:75%;height:60vh;margin-top:-30vh;position:relative;z-index:10;margin-left:auto;margin-right:auto;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:30px 15px;margin-bottom:20px}.converter form{width:100%;display:flex;justify-content:center;padding:10px;margin-bottom:10px}.converter label{width:26%;margin:5px 10px;color:#00305e}.converter .box{display:flex;align-items:center;border:2px solid #5098be;border-radius:7px;padding:3px 10px;margin-top:5px}.box:focus-within{border:2px solid #00305e}select{padding:8px;background-color:transparent;color:#00305e;cursor:pointer;border:none;flex:1}.converter .box input[type=number]{background:transparent;width:100%;padding:8px;border:none;color:#00305e}input[type=number]::-webkit-inner-spin-button{display:none}input:focus,select:focus{outline:none}button{display:flex;align-items:center;justify-content:space-evenly;width:15%;height:45px;padding:0 5px;border-radius:10px;border:none;background-color:#00305e;color:#fff;cursor:pointer;margin-top:28px}button:hover{background-color:#024f98}.converter .outputs{color:#00305e;display:flex;align-items:center;justify-content:center;width:100%}.converter .outputs h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;margin-right:20px}table{width:25%;border-collapse:collapse;margin-top:30px}th,td{padding:5px 10px;text-align:center;width:50%}select{width:150px;font-size:1rem}option{background-color:#5098be;color:#00305e;font-weight:700;height:30px;z-index:999}@media screen and (max-width: 750px){.converter{width:90%}}@media screen and (max-width: 650px){.converter{width:97%}input,select{padding:0}}@media screen and (max-width: 500px){.converter{padding:10px;margin-top:-35vh;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center}.converter form{flex-direction:column;width:80%}.converter label{width:100%;margin:5px 0}button{display:flex;align-items:center;justify-content:center;gap:10px;width:45%;padding:0 5px;margin-top:8px}button .icon{transform:rotate(90deg)}.converter .outputs{flex-direction:column}.converter .outputs h2{white-space:wrap;width:80%}table{width:85%;margin-top:30px}}.hero{background-color:#00305e;background:url(/assets/bg-564wKj2x.jpg);background-size:cover;width:100%;height:70vh;background-position:center;background-repeat:no-repeat;margin:0;overflow:hidden}.content{display:flex;flex-direction:column;margin:20px 10px;padding:5px 10%}.hero .content h1{color:#7ad0ff;font-size:3rem;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,.5);margin-bottom:30px}.hero .content h3{margin-bottom:10px;color:#7ad0ff;text-shadow:0px 0px 10px rgba(0,0,0,.5)}@media screen and (max-width: 750px){.hero .content h1{font-size:2.8rem}}@media screen and (max-width: 650px){.content{padding:5px 20px}.hero .content h1{font-size:2.5rem;margin-bottom:20px}}@media screen and (max-width: 500px){.hero .content h1{font-size:2.2rem}}