@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Space Mono,sans-serif}body{align-items:center;background-color:#c5e4e7;display:flex;height:100vh;justify-content:center}header h2{color:#00494d;text-align:center}.container{background-color:#fff;border-radius:20px;display:flex;justify-content:space-evenly;padding:40px}@media screen and (max-width:620px){.container{flex-direction:column;gap:2em}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tipForm{display:flex;flex-direction:column;justify-content:center;margin-right:2em;width:375px}.input-group{position:relative;width:100%}.input-group label{color:#7f9c9f;display:inline-block;margin-bottom:5px}.input-group input{background-color:#f4fafa;border:transparent;border-radius:5px;color:#00494d;display:block;font-size:25px;font-weight:700;outline:none;padding:5px;text-align:end;width:95%}.input-group input:focus{border:2px solid #26c0ab}.input-group img{bottom:15px;color:#000;left:15px;position:absolute}.tip-group p{color:#7f9c9f;margin-bottom:5px}.tip-group ul{list-style:none;padding:0}.tip-group li{background-color:#00494d;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:25px;font-weight:700;margin:5px;padding:10px 20px;text-align:center;width:20%}.tip-group li:hover{background-color:#26c0ab}.tip-group .custom_tip{background-color:#f4fafa}.errorText{color:red;display:inline-block}.input-group .errorBorder,.input-group .errorBorder:focus{border:2px solid red}@media screen and (max-width:900px){.tipForm{width:320px}.tip-group li{font-size:20px;margin:5px;padding:10px 15px}}@media screen and (max-width:760px){.tipForm{width:250px}.tip-group li{font-size:15px;margin:5px;width:17%}}@media screen and (max-width:620px){.tipForm{margin-right:0;padding:20px}}.result-container{align-items:center;background-color:#00494d;border-radius:15px;justify-content:space-around;width:375px}.displaybox,.result-container{display:flex;flex-direction:column}.displaybox{gap:2em;width:80%}.output-group{display:flex;justify-content:space-between;width:100%}.output-group .amountBox p{color:#26c0ab;font-size:36px;font-weight:700;margin:0}.informationBox p{color:#7f9c9f;margin:0}.informationBox .title{color:#fff;font-size:18px;font-weight:700}.result-container button{background-color:#26c0ab;border:none;border-radius:5px;color:#00494d;cursor:pointer;font-size:18px;font-weight:700;padding:10px;width:80%}@media screen and (max-width:900px){.result-container{width:320px}.output-group .amountBox p{font-size:32px}}@media screen and (max-width:760px){.result-container{width:250px}.output-group .amountBox p{font-size:26px}}@media screen and (max-width:620px){.result-container{gap:1.5em;padding:20px}.output-group .amountBox p{font-size:18px}.informationBox p{font-size:12px}.displaybox,.result-container button{width:90%}}
/*# sourceMappingURL=main.f1ec557c.css.map*/