.box{display:flex;flex-direction:column;align-items:center;border-radius:1em}#calculator{transition:all .2s;margin-top:10%;background-color:#9dbc98;width:100%;height:max-content;padding:5%}#buttonBox{margin-top:5%;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;width:100%;height:100%}#numBox{display:flex;flex-wrap:wrap;height:100%;width:60%;gap:5%}#numBox .pad{flex:0 0 30%;width:60%}#numBox #zero{flex:0 0 65%}.pad{margin:5% 0;transition:color .15s,background-color .1s;background-color:#f9efdb;justify-content:center;height:3em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pad:hover{background-color:#638889;color:#ebd9b4}.pad p{margin:0%;text-align:center;justify-content:center;font-size:2em}#opBox{width:30%;height:100%}#opBox .pad{flex:0 0 20%;width:60%}@media screen and (max-width: 250px){#opBox{align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%;gap:5%;height:min-content}#numBox{width:100%}}@media screen and (min-width: 560px){#calculator{width:max(30%,15em)}}#displayBox{margin-top:5%;flex-direction:row;justify-content:center;gap:5%;padding:0% 5%;width:100%}#displayBox .pad{width:4em;height:70%}#screen{background-color:#f9efdb;border-radius:1em 1em 0 0;width:60%;max-width:60%;align-items:end;text-align:end}#ans{align-self:flex-end;width:100%;margin:.2em 0% 0%;text-wrap:nowrap}#display{width:100%;overflow-x:scroll;margin:.4em 0 0;text-wrap:nowrap}#credits{color:#fff;font-size:1.3em;font-family:serif;margin-top:2em;text-wrap:nowrap}@media screen and (min-width: 560px){#screen{width:80rem}}::-webkit-scrollbar{width:100%;height:10px}::-webkit-scrollbar-track{background:#ebd9b4}::-webkit-scrollbar-thumb{background:#638889}::-webkit-scrollbar-thumb:hover{background:#72a773}body{background-color:#638889;margin:0;display:flex;align-items:center;justify-content:center;height:100svh;width:100%;font-family:Courier New,monospace;font-weight:500}#root{width:90%;height:100%;display:flex;flex-direction:column;align-content:center;align-items:center}