*{box-sizing:0;margin:0;padding:0}html{font-size:62.5%}body{background-color:#1a1c32;color:#fff;font-family:Courier New,Courier,monospace;padding:30px 0}#root,body{align-items:center;display:flex;flex-direction:column}#root{gap:20px}.react{align-items:center;color:#fff;display:flex;gap:2.5px;position:absolute;right:10px;text-align:center;top:89%}.reactLogo{cursor:crosshair;height:7.5vmin}.react p{font-size:1.5rem}h1{font-size:3rem}.fireLogo{background-image:url(/static/media/freeCodeCampLogo.77221c807ee94c997f78.png);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:50px;translate:-10px 15px;width:50px}.calculator{background-color:#4c4b65;border-radius:10px;cursor:crosshair;flex-direction:column;gap:20px;height:450px;padding:50px 25px 0;width:300px}.buttonSection,.calculator{align-items:center;display:flex}.buttonSection{cursor:pointer;flex-wrap:wrap;gap:15px 30px;justify-content:space-between}@media (prefers-reduced-motion:no-preference){.reactLogo{-webkit-animation:reactLogo-spin 45s linear infinite;animation:reactLogo-spin 45s linear infinite}}@-webkit-keyframes reactLogo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes reactLogo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.screen{background-color:#9ba66c;border-radius:2.5px;color:rgba(26,28,50,.7);font-family:Arial,Helvetica,sans-serif;font-size:3.3rem;height:60px;overflow:hidden;padding:15px 20px 0;text-align:right;width:calc(100% - 40px)}.screen,button{font-weight:700}button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:2rem}button:hover{opacity:75%}.normalButton{height:50px;width:50px}.largeButton{height:50px;width:100%}
/*# sourceMappingURL=main.d8effdda.css.map*/