*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:linear-gradient(to right,#757f9a,#d7dde8);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.container{background-color:#fff;border-radius:5px;box-shadow:#0006 5px 5px 8px 4px;transition:.3s}.container:hover{box-shadow:#0009 5px 5px 10px 4px}.currency-convert{display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px;padding:20px}.input-container{display:flex;flex-direction:column}label{margin-bottom:3px;background-color:#fff;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;padding-left:5px}.amount-wrapper{display:flex;flex-direction:column;position:relative}.amount-wrapper label{position:absolute;color:#a1a1a1;font-size:12px;font-weight:500;left:12px;top:-8px}input{padding:10px;margin-bottom:20px;border-radius:5px;border:1px solid #ccc;outline:none}.box{background-image:url(/assets/currency-convert-CzOnxG25.jpg);background-repeat:no-repeat;background-size:cover;width:500px;height:350px;background-position:center;border-radius:5px 5px 0 0}select{margin-bottom:20px;padding:10px;cursor:pointer;border-radius:5px;outline:none;-webkit-user-select:none;user-select:none;border:1px solid silver;font-size:14px}h1{margin-bottom:20px}.output{height:35px;width:300px;border-radius:5px;margin-top:5px;font-size:14px;display:flex;justify-content:center;align-items:center;letter-spacing:1px;background-color:#005d54;color:#fff}span{font-size:12px}