2 lines
2.3 KiB
CSS
2 lines
2.3 KiB
CSS
*,:after,:before{box-sizing:border-box}@font-face{font-family:calculator;src:url(/calculator/static/media/DS-DIGIB.81b4bd9230069b72f5e8.TTF)}html{font-size:16px}#calculator{background:#444040;background:linear-gradient(351deg,#444040,#9c9696);border-radius:2rem;margin:auto;padding:1rem;width:550px}#calculator-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"header header header header" "display display display display" "functions functions functions operators" "numbers numbers numbers operators" "numbers numbers numbers operators" "numbers numbers numbers operators" "numbers numbers numbers operators";grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1.6fr repeat(5,1fr)}#calculator-content>header{align-self:center;font-family:Roboto,sans-serif;grid-area:header}#calculator-content>header>h1{color:#f0f8ff;font-size:3rem;margin:.5rem auto;opacity:.8}#display-container{align-self:end;background:linear-gradient(351deg,#0f5d35,#c2e4b9);border-radius:.5rem;box-shadow:inset .5rem .5rem 2rem;display:grid;font-family:VT323,monospace;font-size:1rem;grid-area:display;grid-template-areas:"memory" "main" "operator";grid-template-rows:1fr 6fr 1fr;height:9rem;justify-self:end;padding:.5rem;width:100%}.off{-webkit-filter:brightness(.5);filter:brightness(.5)}.off>p{display:none!important}#display-container>p{margin:auto 0;opacity:.8;text-align:right}#display{font-family:calculator;font-size:6rem;grid-area:main}#display,#memory{align-self:center}#memory{grid-area:memory}#operator{align-self:center;grid-area:operator}.num-pad{grid-gap:.2rem;display:grid;gap:.2rem;grid-area:numbers;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.operator-pad{grid-gap:.2rem;display:grid;gap:.2rem;grid-area:operators;grid-template-rows:repeat(3,1fr) 2fr}.function-pad{grid-gap:.2rem;display:grid;gap:.2rem;grid-area:functions;grid-template-columns:repeat(3,1fr)}button{background:linear-gradient(351deg,rgba(92,92,92,.9),hsla(0,0%,88%,.9));background-blend-mode:multiply;border-radius:1.5rem;font-size:3rem;place-self:stretch}.num-pad>button{background-color:#add8e6}.operator-pad>button{font-size:3.5em}.function-pad>button{font-size:2em}#off{background-color:#ff9b9b}#on{background-color:#cbffa9}#clear{background-color:#ffd6a5}
|
|
/*# sourceMappingURL=main.59af72cc.css.map*/ |