@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,900|Poppins:400,500);*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;font-family:"Poppins",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button{width:100px;height:40px;margin:3em auto 3em 50px;background-color:#8a2be2;color:#fff;cursor:pointer;border-radius:10px;border:none;box-shadow:0 3px 20px -2px #8f2c92}.button:focus{background-color:#e3e708;color:#000;box-shadow:0 3px 20px -2px #cebf35;outline:none}#slow.button:hover{background-color:#6d0606;color:#fff;box-shadow:0 3px 20px -2px #ac2626}#fast.button:hover{background-color:green;color:#fff;box-shadow:0 3px 20px -2px #277e3d}.random{width:100px;height:40px;margin:3em auto 3em 50px;background-color:#fff;color:#000;cursor:pointer;border-radius:10px;border:none;outline:none;box-shadow:0 3px 20px -2px #1f898d}.random:hover{background-color:#000;color:#fff}.sortbutton{width:100px;height:40px;margin:3em auto 3em 50px;background-color:#1775ac;color:#fff;cursor:pointer;border-radius:10px;border:none;box-shadow:0 3px 20px -2px #1f898d}.sortbutton:focus{background-color:#aa6b46;color:#fff;box-shadow:0 3px 20px -2px #df1f2f;outline:none}.heading{padding-top:"20px";color:#d4cdcd;text-shadow:0 5px #000}.App{width:1350px;height:750px;background-color:#1d1d1c;-webkit-align-items:center;align-items:center;border-radius:30px;display:-ms-flexbox;position:relative;box-shadow:0 6px 30px -2px #000}.App,.Box{margin:2em auto;-webkit-justify-content:center;justify-content:center}.Box{width:1100px;height:500px;background-color:#232324;border-radius:10px;color:#ddd;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-self:center;align-self:center;box-shadow:0 3px 30px -2px #fafafa}.bar{background-color:#f5aa3b;box-shadow:0 3px 30px -2px #d8aa48;color:#fff;margin:0 6px;width:9px;display:inline-block}body{padding:0;background-color:#141414;height:95vh;margin:auto;-webkit-align-items:center;align-items:center;display:-ms-flexbox;-webkit-justify-content:center;justify-content:center;overflow:auto}.text{background-color:#121116;padding:10px;border-radius:5px;color:#ddd;margin-left:30px}.range{margin-left:20px}input[type=range]{color:#ddd}.title{display:-ms-flexbox;-webkit-justify-content:center;justify-content:center;margin:auto;-webkit-align-items:center;align-items:center}.fa{padding:10px;font-size:40px;width:40px;text-align:center;text-decoration:none}.fa-github{background:transparent;color:#8f8a8a}
/*# sourceMappingURL=main.b2b7f7a4.chunk.css.map */