@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,monospace;font-weight:700;background-color:#c5e4e7;min-height:100vh;margin:0}.overall-container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;padding:1rem}.logo{display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:3rem}.logo img{max-width:4rem;width:100%}.main{width:50%}.container{display:flex;align-items:center;justify-content:center;background-color:#fff;padding-block:1rem;padding-inline:2rem;border-radius:.8rem;max-width:100%}.bill-heading,.select-tip,.no-of-people{padding-top:.3rem;font-weight:400;font-size:.7rem;font-weight:700;color:#5e7a7d}.bill-input,.input-people{background-image:url(/images/icon-dollar.svg);background-repeat:no-repeat;background-size:.5rem;background-position:5%;outline:none;border:none;background-color:#f4fafb;padding-block:.65rem;width:90%;border-radius:.2rem;padding-inline:1rem;margin-top:.5rem;margin-bottom:1.2rem;color:#00494d;font-weight:700;font-size:1.5rem;text-align:right}.bill-input:hover{cursor:pointer;border:1.5px solid hsl(172,67%,45%)}.buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem;width:90%;margin-bottom:2rem}.buttons>*{flex:1 0 25%}.tip-button{font-family:Space Mono,monospace;width:70%;display:flex;justify-content:center;outline:none;border:none;padding-block:.5rem;border-radius:.2rem;color:#fff;font-weight:700;background-color:#00494d}.tip-button:hover{background-color:#26c0ab;cursor:pointer}.custom-input{width:40%;color:#00494d;padding-block:.5rem;padding-left:.5rem;border-radius:.2rem;outline:none;border:1px transparent;background-color:#f4fafb;border:1px transparent hsl(172,67%,45%);text-align:center;font-weight:700}.custom-input:hover{border:1px solid hsl(172,67%,45%)}input.custom-input::placeholder{color:#5e7a7d;font-weight:700;font-size:.8rem;text-align:center}.isActive{background-color:#26c0ab;color:#00494d}.no-of-people p{width:90%;display:flex;justify-content:space-between}.input-people{background-image:url(/images/icon-person.svg);background-repeat:no-repeat;background-size:.6rem;background-position:5%}.error-msg{color:red}.error-border{border:1px solid red}.sidebar{position:relative;width:50%;height:100%;padding-block:3rem;background-color:#00494d}.total-container{display:flex;justify-content:space-between;padding-block:2.6rem;padding-inline:1.7rem}.total-container:nth-child(1){margin-bottom:0rem;padding-block:0}.total-heading{color:#fff;display:flex;flex-direction:column}.total-heading span:nth-child(1){font-size:.8rem}.total-heading span:nth-child(2){font-size:.65rem;color:#7f9c9f}.total-balance{color:#26c0ab;font-size:1.5rem}.reset-btn{position:absolute;bottom:10%;left:50%;transform:translate(-50%);color:#00494d;text-transform:uppercase;font-weight:700;display:block;margin-inline:auto;align-items:end;width:80%;padding-block:.65rem;padding-inline:1rem;border-radius:.5rem;outline:none;border:none}button.reset-btn:hover{cursor:pointer;background-color:#c5e4e7}@media screen and (max-width: 600px){.main{width:90%}.sidebar,.container{width:100%}.total-container{padding-block:2rem;padding-inline:1.5rem}.total-container:nth-child(1){margin-bottom:-3rem}}@media screen and (max-width: 500px){.main{width:100%}.sidebar{width:100%;height:auto;padding-block:2.5rem}.container{flex-direction:column;width:100%;padding-inline:1rem}.logo img{max-width:3rem}.bill-input,.input-people{width:100%;font-size:1.2rem;padding-block:.5rem}.buttons{gap:.5rem;width:100%}.buttons>*{flex:1 0 45%}.tip-button,.custom-input{width:100%;font-size:.9rem;padding-block:.4rem}.no-of-people p{font-size:.8rem}.total-container{padding-block:1.5rem;padding-inline:1rem}.total-container:nth-child(1){margin-top:-2rem;padding-bottom:2.5rem}.total-heading span:nth-child(1){font-size:.7rem}.total-heading span:nth-child(2){font-size:.6rem}.total-balance{font-size:1.2rem}.reset-btn{width:90%;font-size:.9rem;padding-block:.5rem}}