*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}button{cursor:pointer;outline:none}.App{display:flex;justify-content:center;height:100vh;color:#fff;background-color:#49006b}.App__wrapper{max-width:98vmin;width:90vmin;min-width:300px;margin:20px 0 40px;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.App__square{width:75vmin;height:75vmin;-webkit-transition:all .25s linear;transition:all .25s linear}.App__square,.App__square:hover{background-color:#fff;border:3px solid #fff}.App__square:hover{border-radius:20px}.App__nav{margin-top:2rem}.App__list{justify-content:space-between;list-style-type:none;width:75vmin}.App__link,.App__list{display:flex;align-items:center}.App__link{color:#fff;text-decoration:none;border:3px solid #fff;justify-content:center;width:15vmin;height:15vmin;font-size:5vmax;max-width:130px;max-height:130px;-webkit-transition:all .25s linear;transition:all .25s linear}.App__link:hover{background-color:#fff;color:#49006b;border-radius:10px}.App__link.active{background-color:#af59ff;border:3px solid #af59ff}.App__link.active:hover{color:#fff;border:3px solid #af59ff;border-radius:10px}@media (min-width:590px){.App__square{max-width:500px;max-height:500px}}@media (min-width:1100px){.App__link{font-size:3.75rem}}.Setting__wrapper{width:75vmin}.Setting__wrapper h1{text-align:center;font-size:8vmax}.Setting__buttons__wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh;width:100%}.Setting__button{max-width:130px;max-height:130px;margin:0;padding:0;width:15vmin;height:15vmin;display:flex;justify-content:center;align-items:center;border:none}.Setting__button,.Setting__button svg{-webkit-transition:all .25s linear;transition:all .25s linear}.Setting__button svg{width:30%;color:#49006b}.Setting__button:hover{background-color:#af59ff;color:#fff;border-radius:10px}.Setting__button:hover svg{color:#fff}.Setting__value{font-size:5vmax}@media (min-width:1100px){.Setting__wrapper h1{font-size:7rem}.Setting__value{font-size:5rem}}.ColorRange{margin-top:3vh}input[type=range]{-webkit-appearance:none;width:100%;margin:12px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;box-shadow:0 0 1px #000,0 0 0 #0d0d0d;background:rgba(170,0,255,.5);border-radius:18.3px;border:0 solid #010101}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(0,0,49,0),0 0 0 rgba(0,0,75,0);border:3px solid #fff;height:30px;width:30px;border-radius:50px;background:#80f;cursor:pointer;-webkit-appearance:none;margin-top:-12px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(179,26,255,.5)}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;box-shadow:0 0 1px #000,0 0 0 #0d0d0d;background:rgba(170,0,255,.5);border-radius:18.3px;border:0 solid #010101}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(0,0,49,0),0 0 0 rgba(0,0,75,0);border:3px solid #fff;height:30px;width:30px;border-radius:50px;background:#80f;cursor:pointer}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(153,0,230,.5)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{border:0 solid #010101;border-radius:36.6px;box-shadow:0 0 1px #000,0 0 0 #0d0d0d}input[type=range]::-ms-fill-upper{background:rgba(170,0,255,.5)}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(0,0,49,0),0 0 0 rgba(0,0,75,0);border:3px solid #fff;height:30px;width:30px;border-radius:50px;background:#80f;cursor:pointer;height:6px}input[type=range]:focus::-ms-fill-lower{background:rgba(170,0,255,.5)}input[type=range]:focus::-ms-fill-upper{background:rgba(179,26,255,.5)}
/*# sourceMappingURL=main.5c045737.chunk.css.map */