.container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.ms-time-converter-container h2{text-align:center}label{display:block;margin-bottom:5px}input[type="text"],select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{width:100%;padding:10px;background-color:#4CAF50;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#45a049}.is-notvalid{border:1px solid red!important}.result{margin-top:20px;text-align:center;font-weight:700}