@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap);:root{--Strong-cyan:#26c0ab;--Very-dark-cyan:#00494d;--Custom-cyan:#547878;--Reset-cyan-normally:#0d696e;--Hover-bg-cyan:#a1e8e0;--Dark-grayish-cyan:#5e7a7d;--Grayish-cyan:#7f9c9f;--Light-grayish-cyan:#c5e4e7;--Very-light-rayish-cyan:#f4fafa;--Heading-cyan:#3d6666}.border-red{border:2px solid red}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Space Mono",monospace;font-weight:700;background-color:#c5e4e7;background-color:var(--Light-grayish-cyan);height:100vh;display:flex;justify-content:center;align-items:center}#root{max-width:920px;width:100%}.heading{color:#3d6666;color:var(--Heading-cyan);letter-spacing:8px;margin-bottom:20px;padding-top:285px;text-align:center;text-transform:uppercase}.heading-span{display:block}.common-container{width:100%;border-radius:25px 25px 0 0;padding:32px;background-color:#fff}label{display:block}h2,label{color:#5e7a7d;color:var(--Dark-grayish-cyan);font-size:16px;margin-bottom:5px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.margin-tip{margin:20px 0}.input{padding:10px 15px;width:99%;text-align:right;font-size:24px;font-weight:700;font-family:inherit;color:#00494d;color:var(--Very-dark-cyan);border:none;outline:none;background-color:#f4fafa;background-color:var(--Very-light-rayish-cyan);border-radius:5px}.green-validation{color:#090}input:focus{outline:2px solid #26c0ab;outline:2px solid var(--Strong-cyan);caret-color:#26c0ab;caret-color:var(--Strong-cyan)}.relative{position:relative}.space-between{display:flex;justify-content:space-between}.validation{color:#e17457}.relative>img{position:absolute;top:47.5px;left:15px}.flex-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.btn-tip{padding:1rem 3rem;font-size:24px;margin-top:16px;background-color:#00494d;background-color:var(--Very-dark-cyan);border-radius:5px;border:none;color:#fff;cursor:pointer;font-family:"Space Mono",monospace}.btn-tip:first-child{padding-right:3.7rem}button:hover{background-color:#a1e8e0;background-color:var(--Hover-bg-cyan)}button:focus,button:hover{color:#00494d;color:var(--Very-dark-cyan)}button:focus{background-color:#26c0ab;background-color:var(--Strong-cyan)}.custom-input{font-size:24px;text-align:right;padding:16px 20px 16px 0;margin-top:16px;background-color:#f4fafa;background-color:var(--Very-light-rayish-cyan);border:none;outline:none;border-radius:5px;font-weight:700;color:#547878;color:var(--Custom-cyan)}.result-container{border-radius:15px;background-color:#00494d;background-color:var(--Very-dark-cyan);padding:37px 24px 24px;margin-top:25px}.result-container div:first-child{margin-bottom:20px}.paragraph{font-size:16px;color:#fff}.span{display:block;color:#7f9c9f;color:var(--Grayish-cyan);font-size:13px}.paragraph-result{font-size:28px;color:#26c0ab;color:var(--Strong-cyan)}.reset{width:100%;padding:12px 0;margin-top:33px;font-size:20px;text-transform:capitalize;color:#00494d;color:var(--Very-dark-cyan);font-weight:700;background-color:#0d696e;background-color:var(--Reset-cyan-normally);border:none;border-radius:5px;cursor:pointer}@media (min-width:360px){.custom-input{width:139px}}@media (min-width:560px){.heading{padding-top:550px}.input{width:100%}}@media (min-width:1024px){.heading{padding-top:0}.common-container{display:flex;align-items:center;justify-content:space-between}.calculation-container{max-width:379px;width:100%}.btn-tip{width:117px;padding:.5rem 2.5rem}.custom-input{padding:7px 5px 7px 0;width:116px}.result-container{padding:40px;width:413px}.paragraph-result{font-size:32px}.reset{margin-top:132px}}
/*# sourceMappingURL=main.292ed916.chunk.css.map */