#root,body,html{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;width:100%;height:100%;-webkit-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%;flex-direction:column;justify-content:space-between;background-color:#4e4e4e}.App,.header{width:100%;display:flex}.header{height:80px;background-color:coral;align-items:center;justify-content:space-evenly}.header>span{color:#fff;font-size:22px;font-weight:700}.sliderContainer{width:150px;height:80px;display:flex;flex-direction:column;justify-content:center;transition-duration:.5s}.sliderContainer>span{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px;margin-left:10px;transition-duration:.5s}.sliderContainer:hover>span{color:#37ffff;transition-duration:.5s}.slider{-webkit-appearance:none;width:150px;height:5px;border-radius:7px;background:#fff;outline:none;transition:opacity .2s;transition-duration:.5s}.slider:hover{background:#37ffff;transition-duration:.5s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#00c2c2;cursor:pointer;transition-duration:.5s}.slider::-webkit-slider-thumb:active{background:#08d6d6;box-shadow:0 0 0 6px rgba(108,255,255,.25882352941176473);transition-duration:.5s}.randomizeBtn{width:150px;height:70%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background-color:transparent;border:none;transition-duration:.5s}.randomizeBtn:hover{color:#37ffff;transition-duration:.5s}.visualizeBtn{width:150px;height:70%;background-color:#0bc9c9;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition-duration:.5s}.visualizeBtn:hover{transition-duration:.5s;background-color:#0bdbdb}.visualizeBtn:active{-webkit-transform:scale(1.02);transform:scale(1.02);transition-duration:.1s}.block{border-top-left-radius:5px;border-top-right-radius:5px}.blockContainer{width:100%;height:90%;display:flex;align-items:flex-end;justify-content:space-evenly}.dropDown{width:120px;height:100%;outline:none;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;border:none;background-color:coral;cursor:pointer;transition-duration:.5s}.dropDown:hover{color:#37ffff;transition-duration:.5s}option{height:10px;background-color:coral}option:hover{background-color:#00ff40}
/*# sourceMappingURL=main.0bf7c006.chunk.css.map */