body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App,.custom-button{text-align:center}.custom-button{width:auto;height:3.125rem;padding:.35em 1.2em;border:none;margin:10px .3em .3em 10px;border-radius:.5rem;box-sizing:border-box;text-decoration:none;font-weight:400;color:#fff}.custom-button:hover{color:#000;background-color:#fff;border:1px solid #000}@media (max-width:30em){.custom-button{display:block;margin:.4em auto}}@media (max-width:541px){.custom-button>span{font-size:10px}}.buttons-bar{flex-wrap:wrap}.input-field,button{height:70%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;border-radius:50vw;font-size:medium;color:#fff;background-color:#000;transition:.3s}.input-field{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.8);cursor:pointer}input{color:#fff;border:none;background-color:rgba(0,0,0,.1)}@media only screen and (max-width:969px){input{width:5rem}}@media only screen and (max-width:897px){.input-field{height:1.4rem}}@media only screen and (max-width:541px){button{height:1.5rem;font-size:small}}@media only screen and (max-width:410px){.input-field,button{font-size:x-small}}.bar-container{width:100%;height:74%;margin-left:-1%;display:flex;justify-content:center;align-items:center}.bar{width:4vw;height:70vh;margin:0 1.5%;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-30deg)}.bar,.side{background-color:hsla(0,0%,99.6%,.25)}.side{width:100%;height:100%;position:absolute}.back{transform:translateZ(-4vw)}.left{transform-origin:left;transform:rotateY(90deg)}.right{transform-origin:right;transform:rotateY(-90deg)}.top{height:4vw;transform-origin:top;transform:rotateX(-90deg);background-color:hsla(0,0%,99.6%,.15)}.bottom{height:4vw;transform-origin:top;transform:translateY(70vh) rotateX(-90deg)}.bottom,.color-bar{background-color:rgba(225,0,120,.5);box-shadow:5px 5px 50px 5px rgba(225,0,120,.2);transition:.3s}.buttons-bar{height:10%;display:flex;justify-content:center;align-items:center}button{height:70%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;border-radius:50vw;font-size:medium;color:#fff;background-color:#000;transition:.3s}@media only screen and (max-width:541px){button{height:2.6rem;font-size:small}}@media only screen and (max-width:410px){.input-field,button{height:2rem;font-size:x-small}}@media only screen and (max-width:320px){.input-field,button{font-size:xx-small}}button:hover{font-style:bold;border-width:.3vh;cursor:pointer;transition:.3s}.buttonStyle1:hover{border-color:green;color:green}.buttonStyle2:hover{border-color:peru;color:peru}#reset{opacity:.6;background-color:#ff4500}#reset:hover{opacity:.9}#reset:disabled,.buttonStyle1:disabled,.buttonStyle2:disabled,button:disabled{background-color:grey;color:#fff;border-width:0;opacity:1;cursor:not-allowed}
/*# sourceMappingURL=main.4cf29677.chunk.css.map */