@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";html{font-size:100%;box-sizing:border-box}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:100%}body{background-color:#c5e4e7;font-size:24px;font-weight:700;font-family:Space Mono,monospace;width:100%;height:100%;margin:0;padding:0}.app-logo{width:100%;display:flex;justify-content:center;align-items:center;margin:100px 0}.app-container{margin:0 auto;background-color:#fff;max-width:600px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:10px}.app-container__box{width:260px;border-radius:10px;margin:20px;display:flex;flex-direction:column}.app-container__box--blue{background-color:#00494d}.app-container__alertMessage{font-size:14px;color:#c71616}.app-container input{border:none;background:transparent;font-family:Space Mono,monospace;font-size:20px;color:#00494d;text-align:end}.app-container__title{color:#5e7a7d;font-size:16px}.app-container__billValue{display:flex;justify-content:space-between;background-color:#f4fafa;padding:10px}.app-container__tipValue{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:30px 0}.app-container__tipBtn{background-color:#00494d;color:#fff;font-family:Space Mono,monospace;padding:5px;border:none;border-radius:5px;font-size:20px;width:80px;cursor:pointer}.app-container__tipBtn:hover,.app-container__tipBtn:active{color:#00494d;background-color:#c5e4e7}.app-container__tipBtn:focus{color:#00494d;background-color:#c5e4e7}.app-container__personValue{display:flex;justify-content:space-between;background-color:#f4fafa;padding:10px}.app-container__tipAmount{display:flex;justify-content:space-between;align-items:center;padding:20px}.app-container__tipAmount p{color:#fff;font-size:16px}.app-container__tipAmount p span{color:#7f9c9f;font-size:12px}.app-container__tipAmount h2{color:#26c0ab;padding:10px;font-size:32px}.app-container__total{display:flex;padding:20px;justify-content:space-between;align-items:center}.app-container__total p{color:#fff;font-size:16px}.app-container__total p span{color:#7f9c9f;font-size:12px}.app-container__total h2{color:#26c0ab;padding:10px;font-size:32px}.app-container__resetBtn{margin:20px;padding:10px;background-color:#c5e4e7;color:#00494d;font-family:Space Mono,monospace;font-size:20px;border:none;border-radius:5px;cursor:pointer}.app-container__resetBtn:hover{background-color:#26c0ab}.app-footer{margin:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-footer p{font-size:12px}.app-footer a{font-size:12px;margin:0 5px;color:#00494d}