body{font-family:Arial,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.container{width:80%;margin:20px auto 0;background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a}h1{font-size:2.5rem;color:#008cba;text-align:center}p{text-align:center;font-size:1.2rem;margin-bottom:30px}.selection-section{margin-bottom:40px;padding:20px;background-color:#e6e6e6;border:1px solid #ddd;border-radius:5px;text-align:center}label{font-size:1rem;margin-right:10px}select{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;cursor:pointer}.conversion-section{margin-bottom:40px;padding:20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px}button{background-color:#008cba;color:#fff;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:4px;transition:background-color .3s}button:hover{background-color:#005f78}.conversion-section:nth-child(3){background-color:#f8d7da;border-color:#f5c6cb}.conversion-section:nth-child(4){background-color:#f2dede;border-color:#ebccd1}