@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;}body{min-height: 100vh; background: #f3f3f3;}::selection{color: #fff; background: #675AFE;}.top{width: 100%; font-size: 22px; text-align: center; background: #0000c7; padding: 3px 0; letter-spacing: .6px;}.top a{color: #f3f3f3; text-decoration: none; text-transform: capitalize;}.wrapper{width: 370px; max-width: calc(100% - 7px); padding: 10px; border-radius: 7px; background: #fff; box-shadow: 0 0 10px 2px rgb(0 0 0 / 25%); margin: 15px auto;}.wrapper header{font-size: 28px; font-weight: 500; text-align: center;}form :where(input, select, button){width: 100%; outline: none; border-radius: 5px; border: none;}form p{font-size: 18px; margin-bottom: 5px;}form input{height: 50px; font-size: 22px; padding: 0 15px; border: 1px solid rgb(0 0 0 / 25%); box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);}form input:focus{padding: 0 14px; border: 2px solid #675AFE; box-shadow: none;}form .drop-list{display: flex; margin-top: 20px; align-items: center; justify-content: space-between;}.drop-list .select-box{display: flex; width: 115px; height: 45px; align-items: center; justify-content: center; border: 1px solid #0016ff;}.select-box img{max-width: 21px;}.select-box select{width: auto; font-size: 16px; background: none; margin: 0 -5px 0 5px;}.select-box select::-webkit-scrollbar{width: 8px;}.select-box select::-webkit-scrollbar-track{background: #fff;}.select-box select::-webkit-scrollbar-thumb{background: #888; border-radius: 8px; border-right: 2px solid #ffffff;}.drop-list .icon{cursor: pointer; margin-top: 30px; font-size: 22px;}form .exchange-rate{font-size: 20px; margin-top: 14px; text-align: center; display: none;}form button{height: 52px; color: #fff; font-size: 25px; cursor: pointer; background: #675AFE; transition: 0.3s ease; margin-top: 15px;}form button:hover{background: #4534fe;}