body{margin:0}.j-calculator-bg{background-image:linear-gradient(#fbb195,#c06c84,#355c7d);position:absolute;width:100%;height:100vh}.j-calculator{font-family:Courier New,Courier,monospace;background-color:#6c5b7b;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.37);width:300px;height:400px;margin:auto;margin-top:50px;padding:10px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.j-calculator .j-calculator-screen{height:25%;border-radius:10px;background-color:rgba(0,0,0,.315);display:flex;flex-direction:column}.j-calculator .j-calculator-screen .j-calculator-screen-solution{text-align:right;height:40%;padding:10px 10px 0 0;overflow-y:auto;color:hsla(0,0%,78%,.843137)}.j-calculator .j-calculator-screen .j-calculator-screen-answer{height:60%;text-align:right;vertical-align:middle;overflow-y:auto;padding:15px 10px;color:hsla(0,0%,78%,.843137);font-size:30px}.j-calculator .j-separator{height:5%}.j-calculator .j-calculator-buttons{height:70%;display:flex;flex-direction:column}.j-calculator .j-calculator-buttons .j-flex{height:100%;display:flex}.j-calculator .j-calculator-buttons .j-flex div{width:100%;text-align:center;color:hsla(0,0%,78%,.843137);margin:3px;vertical-align:middle}.j-calculator .j-calculator-buttons .j-flex div button{background-color:#6c5b7b;outline:none;color:hsla(0,0%,78%,.843137);font-size:14px;font-weight:600;border:none;display:inline-block;padding:10px 20px;width:100%;height:100%;box-shadow:3px 3px 7px rgba(0,0,0,.369);transition:.2s;cursor:pointer;border-radius:10px}.j-calculator .j-calculator-buttons .j-flex div button:active{box-shadow:0 0 0 rgba(0,0,0,.369)}.j-calculator .j-calculator-buttons .j-flex div .equals-button{background-color:#fbb195!important;color:#355c7d;font-size:20px}.j-calculator .j-calculator-buttons .j-flex div .reset-button{background-color:#f67280;color:hsla(0,0%,78%,.843137)}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#fbb195;color:#355c7d;text-align:center;padding:10px}.footer a{text-decoration:none;font-weight:700;color:#355c7d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{height:6px;border:4px solid transparent;background-clip:padding-box;-webkit-border-radius:7px;background-color:#f67280;-webkit-box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05)}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background-color:transparent}