*{margin:0;padding:0}body{align-items:center;display:flex;height:100vh;justify-content:center}.calculator{background-color:#444a48;border:5px solid #cfceca;border-radius:15px;box-shadow:inset 0 0 10px #28282a;font-size:16px;min-height:600px;min-width:300px;position:relative}@font-face{font-family:Digital-7;font-style:italic;src:url("/static/media/digital-7%20(mono%20italic).3576385aa1d294b9c795.ttf")}.display{align-items:center;background-color:#cfceca;box-shadow:0 6px 3px -3px #333,0 -6px 3px -3px #333;display:flex;font-family:Michroma,Helvetica,sans-serif;height:200px;justify-content:center;position:absolute;top:30px;-webkit-transform:translateX(-2px);transform:translateX(-2px);width:304px}.display__wrapper{background-color:#cfceca;border:1px solid #7e7d7a;border-radius:10px;height:150px;padding:5px;-webkit-transform:translateY(5px);transform:translateY(5px);width:250px}.wrapper__item_top{align-items:center;background-color:#3f4344;border-radius:5px 5px 0 0;color:#649baf;display:flex;flex-direction:column;font-size:9px;height:38%;justify-content:center;text-align:center;text-transform:uppercase;width:100%}.wrapper__item_top h2{color:#fff;font-size:16px;text-transform:none}.wrapper__item_bottom{align-items:center;background-color:#16191e;border-radius:0 0 5px 5px;color:rgba(117,196,203,0);display:flex;font-family:Digital-7,serif;font-size:32px;height:calc(60% - 20px);justify-content:flex-end;margin-top:1%;overflow:hidden;padding:10px;text-shadow:0 0 10px rgba(36,89,97,0);transition:color .5s ease-in-out,text-shadow .5s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - 20px)}@-webkit-keyframes pulse{0%{text-shadow:0 0 15px #245961}25%{text-shadow:0 0 20px #245961}50%{text-shadow:0 0 25px #245961}75%{text-shadow:0 0 15px #245961}to{text-shadow:0 0 20px #245961}}@keyframes pulse{0%{text-shadow:0 0 15px #245961}25%{text-shadow:0 0 20px #245961}50%{text-shadow:0 0 25px #245961}75%{text-shadow:0 0 15px #245961}to{text-shadow:0 0 20px #245961}}.wrapper__item_bottom.active{-webkit-animation:pulse 5s cubic-bezier(.445,.05,.55,.95) .5s infinite;animation:pulse 5s cubic-bezier(.445,.05,.55,.95) .5s infinite;color:#75c4cb;text-shadow:0 0 10px #245961}.calculator__keyboard{align-items:center;display:flex;justify-content:center;position:absolute;top:250px;width:100%}.keyboard{display:flex;flex-wrap:wrap;list-style:none}@font-face{font-family:Michroma;src:url(/static/media/Michroma-Regular.d2ad050949cf83809690.ttf)}.keyboard__item{align-items:center;display:flex;flex-direction:column;height:58px;justify-content:center;width:75px}.keyboard__label{font-family:Michroma,sans-serif;font-size:10px;justify-content:space-evenly;width:100%}.btn,.keyboard__label{color:#fff;display:flex}.btn{align-items:center;border:3px solid #444a48;border-radius:10px;box-shadow:0 0 2px #000;cursor:pointer;font-family:Michroma,serif;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:background-color .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:50px}.btn_func{border-radius:5px;font-size:11px;height:30px}.btn_blue{background-color:#4287a4}.btn_blue:active{background-color:#254c5c;color:#ccc}.btn_red{background-color:#cf443f}.btn_red:active{background-color:#6b2220;color:#ccc}.btn_light{background-color:#f6f7f2;color:#000}.btn_light:active{background-color:#b2b3b0}.btn_dark{background-color:#55605c}.btn_dark:active{background-color:#48524e;color:#ccc}.calculator__switch{left:-5px;position:absolute;top:80px}.switch{background-color:#fff;border-radius:0 5px 5px 0;height:80px;width:8px}.switch__wrapper{height:100%;position:relative}.switch__slider{background-color:#716e77;cursor:pointer;height:10px;position:absolute;right:0;top:70%;width:7px}.slider{transition:top .5s ease-in-out}.switch__slider.active{top:20%}.btn_slider{background-color:#2c312d;height:25px;position:relative}.btn_slider:after{left:10%;transition:left .5s ease-in-out}.btn_slider.active:after,.btn_slider:after{background-color:#1c1f1c;border-radius:50%;content:"";height:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:15px}.btn_slider.active:after{left:60%}
/*# sourceMappingURL=main.02274f9a.css.map*/