#header{background-color:#181818;z-index:10;grid-area:header}#header #container{height:100%;max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 30px}#header #container #github{padding:10px;color:#d6d6d6}#footer{background-color:#181818;display:flex;justify-content:flex-end;z-index:10;grid-area:footer}#footer span{margin-right:15px;display:flex;align-items:center}.calc{z-index:9;grid-area:main;align-self:center}.calc .line{margin-bottom:5px;display:flex}.calc .line button[data-info$="="]{background-color:#2cafec}.calc .line button{border:none;border-radius:5px;background-color:#181818;color:#d6d6d6;margin-right:5px;width:80px;height:80px;font-size:30pt;transition:background-color .2s ease}.calc .line button:hover{background-color:#202020}#display,#history{border-radius:5px;background-color:#181818}#display{grid-area:display;display:flex;justify-content:flex-end;align-items:center;padding:20px}#display #operation{font-size:3em}#history{grid-area:history;padding:10px}#history .item{display:flex;justify-content:flex-end;margin-bottom:20px}@media (min-width:900px){#root{grid-template-columns:1fr 700px 200px 1fr;grid-template-rows:60px 150px 1fr 30px;grid-template-areas:"header header header header" ". display display ." ". main history ." "footer footer footer footer"}}@media (min-width:620px) and (max-width:899px){#root{grid-template-columns:1fr 200px;grid-template-rows:60px 150px 1fr 30px;grid-template-areas:"header header" "display display" "main history" "footer footer"}#root #numbers{align-items:flex-start}}@media (min-width:301px) and (max-width:619px){#root{grid-template-columns:1fr;grid-template-rows:60px 150px repeat(2,1fr) 30px;grid-template-areas:"header" "display" "main" "history" "footer"}#root .calc{justify-self:center}}@media (max-width:300px){#display{margin-top:5px}.line button{width:25%}}*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;list-style:none}body{background-color:#282c34;color:#d6d6d6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body #root{width:100vw;height:100vh}body #root{display:grid;grid-row-gap:10px;row-gap:10px}
/*# sourceMappingURL=main.d6a9b68b.chunk.css.map */