body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#006400;--light-color:#e5f9e0}.container,body{background-color:#e5f9e0;background-color:var(--light-color)}.container{display:grid;grid-template-columns:1fr;padding:24px;place-items:center}input[type=number]{border:2px solid #006400;border:2px solid var(--primary-color);border-radius:4px;box-sizing:border-box;margin:8px 0;max-width:400px;padding:12px 20px;width:80%}label{font-size:28px;margin-bottom:8px}h1,label{color:#006400;color:var(--primary-color);font-weight:700;text-align:center;width:100%}h1{font-size:52px;margin-bottom:24px}.segmented-control{align-items:center;background-color:#ddd;border-radius:10px;display:flex;justify-content:center;margin:1rem auto;max-width:400px;overflow:hidden;width:80%}.segmented-control__button{background:none;border:none;cursor:pointer;flex:1 1;padding:.5rem 1rem;text-align:center}.segmented-control__button.active{background-color:green;border-radius:10px;color:#fff}.total-container{border:1px solid #000;border-radius:8px;margin-top:16px;max-width:400px;padding:16px;width:80%}.input-group{background-color:#f5f5f5;border:1px solid #ccc;border-radius:8px;flex-wrap:wrap;max-width:400px;padding:16px;width:100%}.input-group,.split-bill-group{display:flex;justify-content:space-between}.split-bill-group{align-items:center;flex-wrap:nowrap}.split-bill-group label{box-sizing:border-box;flex:1 1;margin-right:50px;white-space:nowrap;width:30%}.split-bill-group .segmented-control{width:80%}.people-counter button{background-color:#ddd;border:1px solid #000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;height:25px;margin:0 8px;text-align:center;transition:color .8s ease-in-out;width:40px}.people-counter span{color:#000;font-size:20px;margin:0 10px}.total-per-person{margin-top:10px}@media only screen and (max-width:600px){.container{align-items:center;display:flex;flex-direction:column;padding:12px}.segmented-control,input[type=number]{margin-bottom:12px}label{font-size:16px}h1{font-size:36px}.input-group{width:80%}.split-bill-group label{text-align:left;width:20%}.segmented-control{width:80%}.people-counter button{background-color:#ddd;border:1px solid #000;font-size:13px;height:25px;margin:0 5px;width:38px}button{color:#000;font-weight:700}}
/*# sourceMappingURL=main.b2a92843.css.map*/