body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bar{height:200px;margin:0 1em;-webkit-transform:rotateX(-20deg) rotateY(-30deg);transform:rotateX(-20deg) rotateY(-30deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:2em}.side{background:hsla(0,0%,100%,.25);height:100%;position:absolute;width:100%}.back{-webkit-transform:translateZ(-4px);transform:translateZ(-4px)}.left{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:left;transform-origin:left}.right{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right}.top{background:hsla(0,0%,100%,.15);height:34px;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:top;transform-origin:top}.bottom{height:34px;-webkit-transform-origin:top;transform-origin:top}.bottom,.color-bar{background:rgba(225,0,120,.5);box-shadow:rgba(225,0,120,.2);transition:.3s}.input{outline:none;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.App,.input{text-align:center}.header{background-color:#aeb1eb;box-shadow:5px 5px 5px #696969;margin:0}.title{font-size:30pt;font-weight:700}.instructions,.title{text-align:center}.horiz{width:80%}.frame{margin:0}.container,.frame{align-items:center;display:flex;justify-content:center}.container{box-shadow:6px 4px 4px #1e71e7;height:220px;margin:2em 0}.container-small{display:flex;justify-content:center;padding:0;width:35%}.card{background-color:#eee;border-radius:2em;padding:1em}.controller{background:transparent;border:1px solid;border-radius:100%;cursor:pointer;height:3em;margin:0 1em;width:3em}.control-buttons,.controller{align-items:center;display:flex;justify-content:center}.control-buttons{background-color:#eee;border-radius:20px;height:4em;width:15em}.control-panel{align-items:center;display:flex;justify-content:center}.complexity{background-color:#9093de;border-radius:5px;display:flex;margin:1.5em;padding:.5em;text-align:center}.panel{align-items:center;display:flex;justify-content:center}.flashing{-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite;color:#20c20e;font-weight:700;text-transform:uppercase}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}
/*# sourceMappingURL=main.1136466d.css.map*/