:root{--background-color:#eef7ff;--font-family:"IBM Plex Sans",sans-serif;--heading-font-size:40px;--description-bg-color:#a7d7c5;--description-padding:8px;--description-border-radius:20px;--calculator-bg-color:#6b8a7a;--calculator-shadow:#6b8a7a80;--screen-bg-color:#ecf0f3;--screen-shadow-inset1:#cbced1;--screen-shadow-inset2:#fff;--button-bg-color:#d1d8c5;--button-hover-bg-color:#686d76;--button-text-color:#fff;--button-shadow:#0000001a;--button-hover-transform:scale(1.1);--clear-bg-color:#f8c794;--all-clear-bg-color:#7aba78;--all-clear-hover-bg-color:#0a6847;--footer-font-size:18px;--footer-link-color:#32012f;--footer-icon-color:#01204e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);font-family:var(--font-family)}h1{font-size:var(--heading-font-size);align-items:center;margin:.5vh 0 0 4vh;display:flex}.description{width:45%;margin-right:100px}.description h2{margin-bottom:2vh;font-weight:600}.description p{background-color:var(--description-bg-color);border-radius:var(--description-border-radius);padding:var(--description-padding);margin-left:2vh;font-size:18px;font-weight:500}.description p em{font-size:18.5px;font-weight:700}.calculator{flex-wrap:wrap;justify-content:flex-end;align-items:center;min-height:88vh;margin-right:200px;display:flex}.container{box-shadow:12px 12px 20px var(--calculator-shadow);background-color:var(--calculator-bg-color);border-radius:10px;width:45%;height:55vh;padding:10px}.display #screen{text-align:right;background:var(--screen-bg-color);box-shadow:inset 8px 8px 8px var(--screen-shadow-inset1),inset -8px -8px 8px var(--screen-shadow-inset2);border:none;border-radius:6px;outline:none;width:100%;height:70px;padding-right:.5em;font-size:35px}.btns{flex-direction:column;align-items:center;width:100%;margin-top:1.7em;display:flex}.btns .row{justify-content:center;width:100%;display:flex}.btns .row button{box-shadow:5px 5px 8px var(--button-shadow);background-color:var(--button-bg-color);border:none;border-radius:15px;width:100px;height:40px;margin:20px 15px 0;font-size:24px;transition:background-color .3s,transform .3s}.btns .row button:hover{background-color:var(--button-hover-bg-color);transform:var(--button-hover-transform);color:var(--button-text-color)}#clear{background-color:var(--clear-bg-color)}#All-clear{background-color:var(--all-clear-bg-color)}#All-clear:hover{background-color:var(--all-clear-hover-bg-color)}footer{font-size:var(--footer-font-size);justify-content:center;align-items:center;min-height:2vh;margin:5px 0;font-weight:600;display:flex}footer a{color:var(--footer-link-color);text-decoration:none}footer a i{color:var(--footer-icon-color)}@media (width>=1024px) and (height<=768px){h1{margin:.5vh 0 0 3vh;font-size:34px}.description{width:42%;margin-right:80px}.description h2{font-size:23px}.description p{margin-left:1.5vh;font-size:16px}.calculator{min-height:82vh;margin-right:120px}.container{width:42%;height:50vh}.display #screen{height:64px;font-size:30px}.btns .row button{width:100px;height:25px;margin:12px 12px 0;font-size:20px}footer{font-size:16px}}@media (width>=1280px) and (height<=600px){h1{margin:.5vh 0 0 2.5vh;font-size:32px}.description{width:40%;margin-right:70px}.description h2{font-size:22px}.description p{margin-left:1.5vh;font-size:16px}.calculator{min-height:90vh;margin-right:110px}.container{width:40%;height:55vh}.display #screen{height:62px;font-size:28px}.btns .row button{width:70px;height:20px;margin:10px 8px 0;font-size:18px}footer{font-size:15px}}@media (width<=768px){.description{width:100%;margin:0;padding:0 20px}.calculator{justify-content:center;min-height:70vh;margin-right:0}.container{width:100%;height:auto;margin:20px}.display #screen{font-size:28px}.btns .row button{width:80px;height:30px;margin:15px 10px 0;font-size:20px}}@media (width<=480px){h1{margin:1vh 0 0 2vh;font-size:28px}.description p{margin-left:1vh;font-size:16px}.display #screen{height:60px;font-size:24px}.btns .row button{width:70px;height:28px;margin:10px 5px 0;font-size:18px}footer{font-size:14px}}
/*# sourceMappingURL=index.8258f135.css.map */