#root,.App,body,html{height:100%}.App{background-color:transparent}.App,.flex{display:flex;flex-direction:column}.center{align-items:center;justify-content:center}.main-container{height:100%;background-color:red;width:50%}.banner-text-container{display:flex;justify-content:center;width:100%;padding:4px;background-color:#333;color:#fff;font-size:12px;font-weight:700}.navbar-link-container{box-sizing:border-box;padding:0 16px;height:100px;align-items:center;background-color:#4be14d}.navbar-link-container,.navbar-right{display:flex;justify-content:space-between}.navbar-right{width:100px}.displayDestinations{display:flex;flex-wrap:wrap}.destinationCard{width:200px;border:1px solid #000;margin:10px}.destinationCard>img{width:100%}.destination-card-text{padding:10px}.test{-webkit-animation:slide 20s linear infinite;animation:slide 20s linear infinite}@-webkit-keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}@keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}}h1{text-align:center}body{background:#111;color:#3d2273}canvas{background:#549824;padding:0;margin:0 auto 1rem;display:block}.loading_spinner{z-index:9999;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;background-color:#fff}.pattern-components-style{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start}.slidecontainer{text-align:center}.slidecontainer input[type=range]{-webkit-appearance:slider-vertical;height:150px;width:50px}.volume-slider{position:absolute;top:50%;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slider-style,.volume-slider{color:orange;background-color:transparent;text-align:center}.slider-style{display:none}.Sound-style{text-align:center}.Recorder-style,.Sound-style{background-color:#7d7d7d;display:flex;flex-direction:column}.Recorder-style{min-width:70px}.Pattern-style{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pattern-seqrows{height:208px;width:508px;border:4px solid #000}.pattern-seqrows button{height:100px;width:62.5px}.Save-style{border:1px solid #000;display:flex;flex-direction:column;background-color:#7d7d7d}.Selector-style button{width:100%;border-radius:5px;display:block;height:40px;text-align:center;text-transform:uppercase;background-color:transparent}.tbreel-style{position:absolute;bottom:-2%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);text-align:center}.draaiding1{height:55%;bottom:43%;left:2%}.draaiding1,.draaiding2{display:flex;justify-content:center;position:absolute}.draaiding2{height:56%;bottom:42%;left:49%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.5759941b.chunk.css.map */