*,:after,:before{box-sizing:inherit}body,html{margin:0 auto;padding:0;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#52c234;background:-webkit-linear-gradient(180deg,#061700,#52c234);background:-webkit-linear-gradient(top,#061700,#52c234);background:linear-gradient(180deg,#061700,#52c234);background-size:cover}.Calc{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,1fr);grid-template-areas:"a a a a" "a a a a" "a a a a" "b b b b" "b b b b" "b b b b" "b b b b" "b b b b";height:800px;width:400px;border:1px solid #bdc3c7;border-radius:20px;box-shadow:0 6px 20px #1e272e;color:#fff}.Calc,.Display{display:grid;overflow:hidden}.Display{grid-area:a;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,0) 5%,hsla(0,0%,100%,.15) 30%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,.4));background:linear-gradient(-45deg,hsla(0,0%,100%,0) 5%,hsla(0,0%,100%,.15) 30%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,.4));border-top-left-radius:18px;border-top-right-radius:18px;color:#ffc312;text-align:center;font-size:2rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"d1 d2 d2 d2" "d3 d3 d3 d3" "d4 d4 d4 d4"}.Controls{grid-area:b;display:grid;grid-gap:0;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.Inputs{background-color:#1e272e;color:#fff;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{font-size:1.2rem;outline:none}#equals,button:hover{color:#ffc312}#equals{border-bottom-right-radius:20px}#decimal{border-bottom-left-radius:20px}.Brand{grid-area:d1;text-align:left;text-transform:uppercase;font-size:.8rem;padding-left:.5rem;padding-top:.2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-1}.Brand:after{content:" true solar";font-size:6px}.Expression{grid-area:d2;color:#05c46b;font-size:1rem;padding-top:.2rem;z-index:-1}.Output{grid-area:d3;align-self:flex-end;z-index:-1}.Footer{position:absolute;bottom:0;right:0;padding:1rem;text-align:right;width:100%;color:#1e272e;font-size:1.2rem;font-weight:500;text-shadow:2px 4px 3px rgba(0,0,0,.3)}.Footer a{text-decoration:none;color:inherit}@media (max-width:600px){.Footer{display:none}}@media (max-height:850px) and (max-width:450px){.Calc{border:none;width:100vw;height:calc(100vh - 60px);box-shadow:none}.Display{background:#3c40c6}#decimal,#equals,.Calc,.Display{border-radius:unset}.Brand,.Expression,.Output{z-index:1}.Brand{display:none}body{-webkit-align-items:flex-end;align-items:flex-end;background:#3c40c6}}@media (max-height:850px) and (min-width:451px){.Calc{height:100vh}}
/*# sourceMappingURL=main.13a06653.chunk.css.map */