@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap);*{box-sizing:border-box;font-family:Space Mono,monospace;font-weight:700;margin:0;padding:0}.container{align-items:center;background-color:#c5e4e7;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.title-container{margin-top:50px}.title{color:#5e7a7d;font-size:1.3em;letter-spacing:5px}.card{background-color:#fff;border-radius:20px;display:flex;height:350px;justify-content:space-between;padding:20px;width:800px}.form-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:50%}.text-form{color:#7f9c9f}.form-input{background-color:#f4fafa;border-style:none;color:#00494d;font-size:1em;height:30px;text-align:end;width:300px}.container-tips{display:flex;flex-direction:column;padding-left:40px}.btns-container-tips{display:flex;flex-wrap:wrap}.btn-tip{background-color:#00494d;border-radius:5px;border-style:none;color:#fff;cursor:pointer;height:30px;margin:5px;width:80px}.btn-tip:focus{background-color:#26c0ab;color:#00494d}.input-tip{background-color:#f4fafa;border-radius:5px;border-style:none;color:#7f9c9f;font-size:1em;height:30px;margin:5px;text-align:center;width:80px}.amount-container{background-color:#00494d;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;width:45%}.tip-amount-container{align-items:center;display:flex;justify-content:space-between;margin:30px auto;width:80%}.number-amount{color:#26c0ab;font-size:1.5em}.title-amount{color:#fff}.person-amount{color:#7f9c9f}.btn-amount-container{display:flex;justify-content:center}.btn-reset{background-color:#26c0ab;border-radius:5px;border-style:none;color:#00494d;height:30px;width:300px}.attribution{color:#5e7a7d}.attribution a{color:#00494d;text-decoration:none}@media (max-width:800px){.title-container{margin:20px 0}.card{flex-direction:column;height:100%;margin-bottom:10px;width:100%}.amount-container,.form-container{padding:20px 10px;width:100%}.bill-container,.container-tips,.people-container{margin:10px 0}.form-input{padding-right:10px}.btns-container-tips{justify-content:space-evenly;margin-right:40px}}
/*# sourceMappingURL=main.285993c4.css.map*/