*,:after,:before{box-sizing:border-box}body{background:#efe4cf;margin:0}.page-title{color:#000;display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:3rem;justify-content:center;padding:2rem}.calculator-grid{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;grid-template-columns:repeat(4,6rem);grid-template-rows:minmax(7rem,auto) repeat(5,6rem);justify-content:center}.calculator-grid>button{background-color:#e3d7ca;border:none;border-radius:1rem;cursor:pointer;font-size:2rem;outline:none}#clear{background-color:#de6228}.calculator-grid>button:focus,.calculator-grid>button:hover{background-color:#111d4a;color:#f0f8ff}.span-two{grid-column:span 2}.output{word-wrap:break-word;align-items:flex-end;background-color:#bfbfa1;border:2px solid #000;display:flex;flex-direction:column;grid-column:1/-1;justify-content:space-around;padding:.75rem;word-break:break-all}.output .previous-operand{color:#000;font-size:1.5rem}.output .current-operand{color:#000;font-size:2.5rem}.strings{left:0;position:fixed;width:100%}.string{-webkit-animation:stringsLoad 2s forwards;animation:stringsLoad 2s forwards;background-color:#fff9fe;box-shadow:-.1vw 0 .25vw #de6228,-.2vw 0 .25vw #de6228,-.4vw 0 .25vw #de6228,-.1vw 0 1vw #de6228,-.2vw 0 .8vw #de6228,-.4vw 0 .8vw #de6228,.2vw 0 .5vw #de6228,-.1vw 0 10vw #de6228,-.2vw 0 10vw #de6228,-.4vw 0 10vw #de6228;height:3px;margin:20px 0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:0}@-webkit-keyframes stringsLoad{0%{width:0}10%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}20%{height:12px}40%{height:6px}50%{box-shadow:-.2vw 0 .5vw #de6228}70%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}80%{box-shadow:-.2vw 0 .5vw #de6228}90%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}99%{opacity:1;width:105%}to{opacity:0}}@keyframes stringsLoad{0%{width:0}10%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}20%{height:12px}40%{height:6px}50%{box-shadow:-.2vw 0 .5vw #de6228}70%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}80%{box-shadow:-.2vw 0 .5vw #de6228}90%{box-shadow:-.2vw 0 .5vw #de6228,-.4vw 0 .5vw #de6228,-.8vw 0 .5vw #de6228,-.2vw 0 2vw #de6228,-.4vw 0 1.6vw #de6228,-.8vw 0 1.6vw #de6228,.4vw 0 1vw #de6228,-.2vw 0 20vw #de6228,-.4vw 0 20vw #de6228,-.8vw 0 20vw #de6228}99%{opacity:1;width:105%}to{opacity:0}}
/*# sourceMappingURL=main.2b774fec.css.map*/