@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--Strong-cyan:#26c0ab;--Very-dark-cyan:#00494d;--Dark-grayish-cyan:#5e7a7d;--Grayish-cyan:#7f9c9f;--Light-grayish-cyan:#c5e4e7;--Very-light-grayish-cyan:#f4fafa;--White:#fff}html{font-size:62.5%}body{background-color:var(--Light-grayish-cyan);justify-content:center;align-items:center;height:100vh;font-family:Space Mono,serif;display:flex}.head-text{text-align:center;text-transform:uppercase;color:var(--Very-dark-cyan);letter-spacing:6px;margin-bottom:5rem;font-size:2.5rem;font-weight:700}.container{background-color:var(--White);border-radius:2rem;gap:3rem;max-width:144rem;margin:0 auto;padding:3rem;display:flex}.bill:hover{border:2px solid var(--Strong-cyan);border-radius:.5rem}.bill-text{color:var(--Dark-grayish-cyan);font-size:1.4rem}.input_container{margin-top:.5rem;padding:0;position:relative}.input{text-align:right;background-color:var(--Very-light-grayish-cyan);width:100%;height:2rem;color:var(--Very-dark-cyan);cursor:pointer;border:none;border-radius:.5rem;margin:0;padding:2rem}.input,.input::placeholder{color:var(--Very-dark-cyan);font-family:Space Mono,serif;font-size:2rem;font-weight:700}.input_img{width:1.1rem;position:absolute;bottom:1.3rem;left:1.5rem}.selectTip{color:var(--Dark-grayish-cyan);margin-top:2rem;font-size:1.4rem}.tip-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.tip-btn{font:inherit;background-color:var(--Very-dark-cyan);color:var(--White);cursor:pointer;border:none;border-radius:.5rem;padding:.8rem 1.2rem;font-size:1.9rem;font-weight:700}.btn-15,.btn-active{background-color:var(--Strong-cyan);color:var(--Very-dark-cyan)}.btn-custom{background-color:var(--Very-light-grayish-cyan);color:var(--Dark-grayish-cyan);letter-spacing:1px;text-align:right;width:100px}.btn-custom:hover{border:2px solid var(--Strong-cyan);background-color:var(--Very-light-grayish-cyan);color:var(--Very-dark-cyan)}.numContainer{justify-content:space-between;align-items:center;display:flex}.numPeople{color:var(--Dark-grayish-cyan);margin-top:2rem;font-size:1.4rem}.numZero{color:red;margin-top:2rem;font-size:1.4rem}.numZ{display:none}.bill-calculator{background-color:var(--Very-dark-cyan);border-radius:1.1rem;padding:3rem}.tip-container{justify-content:space-between;align-items:center;gap:6rem;display:flex}.tip-text{color:var(--Light-grayish-cyan);font-size:1.3rem}.tip-total-container{margin-top:1.5rem}.person{color:var(--Very-light-grayish-cyan);opacity:.5;font-size:1.1rem}.tip-amount{color:var(--Strong-cyan);font-size:3.6rem}.reset{background-color:var(--Strong-cyan);color:var(--Very-dark-cyan);text-transform:uppercase;cursor:pointer;border:none;border-radius:.5rem;width:100%;margin-top:7rem;padding:.8rem;font-size:1.5rem;font-weight:700}.reset:hover{background-color:var(--Light-grayish-cyan);color:var(--Very-dark-cyan)}@media (width<=46.88rem){html{font-size:54%}.tip-btn{font-size:2.2rem}}@media (width<=41.25rem){html{font-size:60%}.container{flex-direction:column}.head-text{margin-top:20rem}}@media (width<=26.88rem){html{font-size:60%}.tip-grid{grid-template-columns:1fr 1fr}.btn-custom{width:100%}}@media (width<=21.56rem){html{font-size:58%}.tip-text{font-size:1rem}}
/*# sourceMappingURL=path0.3dff12d4.css.map */