/**** DEFAULT ****/
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
body {font-family: 'Varela Round', sans-serif; margin: 0; margin-top: 30px; min-height: 100vh; background: linear-gradient(45deg, #43d3d9, #1d65b3); background-repeat: no-repeat; background-attachment: fixed; color: #fff; font-size: 17px;}
a {color: #555; text-decoration: none;}
h2 {margin: 0; padding-top: 0; font-weight: normal; font-size: 25px; text-align: center;}
.wrapper {margin: auto; max-width: 1300px; width: 500px;}
.main {width: 100%; float: left; box-sizing: border-box; padding: 0 30px;}

.section {width: 100%; float: left; background: #fff; box-sizing: border-box; padding: 20px; border-radius: 16px; margin-bottom: 24px; color: #000;}
.section:last-child {margin-bottom: 20px}
.header {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.header img {height: 60px; width: auto; margin-right: 15px;}
button {border: none; border-radius: 6px; background: #0071EB; padding: 10px 20px; font-size: 15px; text-transform: uppercase; color: #fff; margin-top: 20px; margin-right: 15px; margin-bottom: 10px; transition: background-color 0.3s ease;}
button:hover {cursor: pointer; background: #005ce6;}
input {border: 1px solid #ccc; border-radius: 8px; font-size: 17px; padding: 10px; width: 55px; margin: 0 10px;}
.noleft {margin-left: 0 !important;}
.section p {margin-top: 0;}
.percentresult {font-size: 20px; width: 100%; text-align: center; line-height: 28px;}
.salestax {margin-bottom: 20px; margin-top: 20px;}
.input-wrapper {position: relative;}
.currency-symbol {position: absolute; left: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 17px;}
.input-with-symbol {padding-left: 20px !important; width: 75px !important;}


/**** MOBILE ****/
@media only screen and (max-width:768px) {
.wrapper {width: 100%}
.main {width: 100%; padding: 16px; padding-top: 0}
}

/**** DARK MODE ****/
@media (prefers-color-scheme: dark) {
body {background: linear-gradient(45deg, #287F82, #134478);}	
.section {background: #222; color: #fff}
input {background: #222; color: #fff}
}