.projectChange-appear,.projectChange-enter{opacity:0;z-index:10}.projectChange-appear-active,.projectChange-enter.projectChange-enter-active{opacity:1;transition:opacity .3s linear}.projectChange-exit{opacity:1;z-index:5}.projectChange-exit.projectChange-exit-active{opacity:0;transition:opacity .3s linear}.drumforfun-container{text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#406}#drum-machine{border:6px solid #34231b;border-radius:12px;display:block;padding:5vw;text-align:center;max-width:95vw;max-height:95vh}#drumforfun-display{background-color:#123;border:2px solid #000;border-radius:12px;margin:2vh 2vh 6vh;height:150px;max-height:12vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}#drumforfun-display .drumforfun-text{color:green;font-size:calc(1rem + 1vmax)}#drumforfun-drumset{display:grid;grid-template-columns:auto auto auto}.drumforfun-drum-pad{border:2px solid grey;border-radius:16px;background-color:#aaa;color:hsla(0,0%,100%,.8);width:160px;max-width:15vw;height:120px;max-height:15vh;font-size:calc(2em + 1vw);margin:1.5vw;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-shadow:2px 2px 4px rgba(0,0,0,.75);box-shadow:2px 2px 2px 2px rgba(0,0,0,.25)}.drumforfun-active{color:#ffffbc;background-color:#d3c67a}.drumforfun-metal{background-color:#e6e6e6;box-shadow:inset 0 0 0 4px #262626,inset 0 -1px 5px 4px rgba(38,38,38,.8),inset 0 -1px 0 7px rgba(0,0,0,.25),inset 0 2px 1px 7px hsla(0,0%,100%,.7),0 -5px 6px 4px rgba(0,0,0,.15),0 5px 6px 4px hsla(0,0%,100%,.5);transition:color .2s}.drumforfun-metal.drumforfun-linear{background-image:-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-linear-gradient(left,transparent,transparent 4%,rgba(0,0,0,.03) 4.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.15) 2.2%),linear-gradient(180deg,#c7c7c7,#e6e6e6 47%,#c7c7c7 53%,#b3b3b3 100%)}@media screen and (max-height:500px),screen and (max-width:500px){#drumforfun-drum-machine{border:0;border-radius:0;display:block;padding:5vw;text-align:center;width:100vw;height:100vh;box-sizing:border-box}.drumforfun-drum-pad{margin:2vw auto}}.calculator-container{min-height:100vh;min-width:100vw;background:#2b2d31;color:#e3e5e8;box-sizing:border-box;margin:0;padding:2rem;display:grid;align-content:center;justify-content:center;place-content:center;grid-gap:2ch;gap:2ch}#calculator-display::-webkit-scrollbar{width:0;height:2px;border:2px solid transparent}#calculator-display::-webkit-scrollbar-thumb{border:2px solid #ccc}.calculator-calculator{max-width:80ch;display:grid;grid-gap:1rem;gap:1rem;padding:2rem;background:#1d1e20;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.027999999999999997),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);border:1px solid #494b50;border-radius:5px}.calculator-calculator>hr{width:100%;border:none;border-bottom:1px solid #494b50}.calculator-display{font-size:2.5rem;font-weight:100;color:#819dd5;display:grid;grid-template-columns:auto auto auto auto;justify-content:right;align-items:center;min-height:0;min-width:0}.calculator-display>#calculator-display{grid-column:1/4;overflow:scroll}.calculator-display>#calculator-clear{align-items:center;padding:0 1.5rem;max-height:1.5rem}.calculator-keypad{display:flex;font-weight:700;flex-wrap:wrap;justify-content:center;grid-gap:3rem;gap:3rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.calculator-keypad>*{flex:1 0 15%}.calculator-keypad>span{text-align:center;font-size:2.5rem}.calculator-active{opacity:0}@media screen and (max-height:500px),screen and (max-width:500px){.calculator-container{padding:0;grid-gap:0;gap:0}hr{border:0;padding:0;margin:0;display:none}.calculator-calculator{width:100vw;height:100vh;display:grid;grid-gap:0;gap:0;padding:0;box-shadow:none;border:0;border-radius:0}.calculator-keypad{grid-gap:1rem;gap:1rem}.calculator-keypad>*{flex:1 0 21%}.calculator-keypad>span{text-align:center;font-size:1.5rem}}
/*# sourceMappingURL=main.aa884765.chunk.css.map */