*{box-sizing:border-box;font-family:Space Mono,monospace;margin:0;padding:0}:root{--white:#fff;--very-light-grayish-cyan:#f4fafa;--light-grayish-cyan:#c5e4e7;--grayish-cyan:#7f9c9f;--dark-grayish-cyan:#5e7a7d;--very-dark-cyan:#00494d;--strong-cyan:#26c0ab}.main-section{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);min-height:100vh;width:100%}.header-section{align-items:center;display:flex;height:10rem;justify-content:center}.header-section h1{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:2rem;letter-spacing:.5rem;text-transform:uppercase}.calculator-section{background-color:#fff;background-color:var(--white);border-top-left-radius:2rem;border-top-right-radius:2rem;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.calculator-section span{margin-bottom:.5rem}.bill-input-container{align-items:center;display:flex;flex-direction:row-reverse;margin-bottom:1.5rem}.calculator-section-input{background-color:#f4fafa;background-color:var(--very-light-grayish-cyan);border:none;border-radius:.5rem;color:#00494d;color:var(--very-dark-cyan);cursor:pointer;font-size:1.5rem;height:2.5rem;margin-bottom:1rem;margin-top:1rem;outline:none;padding-right:1.5rem;position:relative;text-align:right;width:100%}.calculator-section .activeInput{border:2px solid #26c0ab;border:2px solid var(--strong-cyan)}.calculator-section-input .error{border:2px solid red}.calculator-section span{color:#5e7a7d;color:var(--dark-grayish-cyan)}.bill-input-container svg{left:3rem;position:absolute}.number-of-people-container{margin-bottom:1.5rem}.number-of-people-container svg{left:3rem;position:absolute;top:36.1rem}.buttons-section{display:flex;height:10em;margin-bottom:1rem;margin-top:1rem}.left-btn{display:flex;flex:1 1;flex-direction:column;margin-right:1rem}.left-btn button{background-color:#00494d;background-color:var(--very-dark-cyan);border:none;border-radius:.3rem;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem}.left-btn .active{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);color:#00494d;color:var(--very-dark-cyan)}.right-btn{display:flex;flex:1 1;flex-direction:column}.right-btn button{background-color:#00494d;background-color:var(--very-dark-cyan);border:none;border-radius:.3rem;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem}.right-btn button[title=Custom]{background-color:#f4fafa;background-color:var(--very-light-grayish-cyan);color:#5e7a7d;color:var(--dark-grayish-cyan)}.right-btn .active{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);color:#00494d;color:var(--very-dark-cyan)}.customTipInput{border-radius:.3rem;padding:.5rem;text-align:right;width:8.5rem}.result-section{background-color:#00494d;background-color:var(--very-dark-cyan);border-radius:1rem;height:15em;padding:2rem 1rem}.amount-container{display:flex;justify-content:space-between;margin-bottom:1rem}.amount-container h1{color:#fff;color:var(--white)}.amount-container h1 p{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:.8rem}.amount-container span{color:#26c0ab;color:var(--strong-cyan);font-size:1.8rem}.total-container{display:flex;justify-content:space-between;margin-bottom:1rem}.total-container h1{color:#fff;color:var(--white)}.total-container h1 p{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:.8rem}.total-container span{color:#26c0ab;color:var(--strong-cyan);font-size:1.8rem}.result-section button{background-color:#26c0ab;background-color:var(--strong-cyan);border:none;border-radius:.4rem;color:#00494d;color:var(--very-dark-cyan);cursor:pointer;font-size:1rem;padding:.8rem;width:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media screen and (min-width:1440px){.main-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10%}.calculator-section{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;flex-direction:row;min-height:50vh;padding:3rem;width:70%}.bill-input-container svg{left:30rem}.number-of-people-container svg{left:30rem;top:51.5rem}.content-calc-section{flex:1 1;margin-right:2rem}.bill-input-container{margin-bottom:4rem}.buttons-section{flex-direction:column}.left-btn,.right-btn{flex-direction:row}.right-btn button{margin-right:1.3rem}.left-btn button,.right-btn button{font-size:1.5rem;height:60%;width:55%}.left-btn button{margin-right:1rem}.customTipInput{height:60%;margin-right:1.9rem;width:55%}.result-section{flex:1 1;height:30em;padding:4rem;width:20rem}.amount-container{display:flex;margin-bottom:4rem}.amount-container span{font-size:3rem;margin-top:-1rem}.total-container{margin-bottom:8rem}.total-container span{font-size:3rem;margin-top:-1rem}}
/*# sourceMappingURL=main.8f6de530.css.map*/