@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);

/* ! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.table{display:table}.min-h-screen{min-height:100vh}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.pt-32{padding-top:8rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}:root{--Light-grayish-cyan-1:#c5e4e7;--Light-grayish-cyan-2:#f4fafa;--White:#fff;--Dark-grayish-cyan-1:#7f9c9f;--Dark-grayish-cyan-2:#5e7a7d;--Very-dark-cyan:#00494d;--Strong-cyan:#26c0ab}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}input:focus::placeholder{color:transparent}.Title{color:#00494d;color:var(--Very-dark-cyan);padding-bottom:10px}.App{background-color:#c5e4e7;background-color:var(--Light-grayish-cyan-1);font-family:"Space Mono",monospace}.Card{display:flex;width:62.5rem;height:31.25rem;border-radius:40px;background-color:#fff;background-color:var(--White);margin-left:auto;margin-right:auto;flex-direction:column;flex-wrap:wrap;justify-content:center}.Bill{padding:51px 50px 20px}.Bill-Text{padding-bottom:11px;color:#00494d;color:var(--Very-dark-cyan)}.Bill-Input{text-align:right;border-radius:10px}.Bill-Input,.Bill-Input-Field{background-color:#f4fafa;background-color:var(--Light-grayish-cyan-2)}.Bill-Input-Field{display:flex;width:379px;height:48px;justify-content:space-around;align-items:center;border-radius:5px}.Bill-Input-Field:hover{border:solid #26c0ab;border:solid var(--Strong-cyan);border-width:.15em}.Person-Icon{width:14px;height:16px;vertical-align:middle}.Tip{padding:0 50px 20px}.Tip-Grid{display:flex;width:379px;height:111px;flex-wrap:wrap;justify-content:space-between;align-items:center}button{background-color:#00494d;background-color:var(--Very-dark-cyan);color:#fff;color:var(--White)}.Custom-Tip,button{height:48px;width:117px;border-radius:5px}.Custom-Tip{background-color:#f4fafa;background-color:var(--Light-grayish-cyan-2);text-align:center}.Custom-Tip:focus{text-align:right;padding-right:10px;border:solid #26c0ab;border:solid var(--Strong-cyan);border-width:.15em}button:focus{background-color:#26c0ab;background-color:var(--Strong-cyan)}.Amount{width:413px;height:417px;background-color:#00494d;background-color:var(--Very-dark-cyan);border-radius:40px;display:grid;flex-direction:column;grid-template-columns:103px 103px 103px 103px;grid-template-rows:69.5px 69.5px 69.5px 69.5px 69.5px 69.5px;grid-template-areas:"th3 th3 th1 th1" "th4 th4 th1 th1" "toth3 toth3 toth1 toth1" "toth4 toth4 toth1 toth1" ". R R ."}.Amount-Reset{grid-area:R;background-color:#7f9c9f;background-color:var(--Dark-grayish-cyan-1);width:206px}.Tip-h3{width:208px;grid-area:th3;text-align:start;padding-top:46px;color:#fff;color:var(--White);font-size:18px;padding-left:25%}.Tip-h1{height:48px;float:right;grid-area:th1;padding-top:38px;font-size:35px;color:#26c0ab;color:var(--Strong-cyan)}.Tip-h1,.Tip-h4{width:208px;text-align:center}.Tip-h4{grid-area:th4;font-size:12px}.Total-h1{height:48px;width:208px;float:right;grid-area:toth1;text-align:center;padding-top:38px;font-size:35px;color:#26c0ab;color:var(--Strong-cyan)}.Total-h3{width:208px;grid-area:toth3;text-align:start;padding-top:46px;color:#fff;color:var(--White);font-size:18px;padding-left:25%}.Total-h4{width:208px;grid-area:toth4;text-align:center;font-size:12px}button:focus,input:focus,select:focus,textarea:focus{outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.7efca6d0.chunk.css.map */