@import url(https://fonts.googleapis.com/css2?family=Comfortaa);header{display:flex;flex-direction:column;position:fixed;top:0;width:100%}.banner,.controls{display:flex;flex-direction:row;justify-content:space-between;width:100%}.banner{background-image:url(/static/media/wood-panel-2.afcf85ff.jpg);background-size:cover;-webkit-filter:drop-shadow(0 2px 2px #000);filter:drop-shadow(0 2px 2px #000000)}.main-btn{color:#ffc655;-webkit-filter:drop-shadow(5px 2px 2px #000);filter:drop-shadow(5px 2px 2px #000000);background:none;border:0;border-radius:15px}.main-btn:focus{outline:2px solid #ffc655}.main-btn:hover{color:#ffe4ad}#new{font-size:50px}#hamburger{font-size:26px}#title,h1{color:#ffc655;margin:8px;font-size:42px;-webkit-filter:drop-shadow(5px 2px 2px #000);filter:drop-shadow(5px 2px 2px #000000);background:none;border:none;text-align:center;flex-grow:1}#title{width:auto}@media only screen and (max-width:400px){#title,h1{font-size:11vw;padding-left:0;margin-left:0;margin-right:0}}nav{position:fixed;top:62px;right:0;padding:4px;display:flex;flex-direction:column;text-align:right;background-color:#22160b;border-bottom:2px solid #513522;border-left:2px solid #513522;border-radius:0 0 0 15px}a,a:visited{color:#ffc655;padding:8px;text-decoration:none}a:hover{color:#ffe4ad}.control-panel{padding:8px;display:flex;flex-direction:row;justify-content:space-between;background-image:url(/static/media/noisy-texture.70330057.png),linear-gradient(70deg,#0a0a0a,#242424)}.global-tempo-volume,.global-transport{display:flex;flex:1 1}.panel-btn{padding:0;font-size:18px;border:none;color:#ffc655;background:none}.panel-btn:hover{color:#ffe4ad}#loop{width:46px;padding:0 8px}#back,#forth{width:52px;padding:0 8px}#play{width:48px;padding:0 8px}.fa-sync-alt{font-size:28px}.fa-backward,.fa-forward{font-size:34px}.fa-pause,.fa-play{font-size:27px}.global-tempo-volume{padding-right:8px;flex-direction:column;align-items:flex-end}#global-tempo{width:62px;width:30px}#global-tempo,.bpm-label{font-size:15px;color:#ffc655}.bpm-label{padding:0;margin:0}.blurb{background-size:cover;width:100%;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:5;justify-items:center}.blurb h2{grid-column:0/3;color:#977af5;font-size:28px;border:2px solid #ffc655;border-left-style:none;border-radius:0 10px 10px 0;left:0;background-color:rgba(0,0,0,.24705882352941178)}.blurb h2,.blurb p{text-align:center;margin:auto;padding:50px}.blurb p{background-color:rgba(0,0,0,.5803921568627451);color:#ffc655;font-size:20px;grid-row-start:2;grid-column:2/5;right:0;border:2px solid #977af5;border-right-style:none;border-radius:10px 0 0 10px}#start{grid-row:4;grid-column:2/span 2;border-radius:12px;height:148px;width:264px;color:#000;margin-top:60px;padding-top:21px;text-align:center;font-size:28px;background-image:url(/static/media/cassette.d2662a35.jpg);background-size:cover}#start:hover{border:2px solid #ffc655;color:#4c228f}.workspace{margin-top:20px}h2{color:#ffc655}.pattern{background-image:url(/static/media/noisy-texture.70330057.png),linear-gradient(70deg,#fff,#868686);padding:8px;margin-top:16px;max-width:90vw;border-radius:8px}.pattern-editor,.pattern-main{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px}.name-input{font-size:20px;text-align:center;background:none;border:none;width:50%}.pattern button{width:36px;height:34px;border:none;border-radius:4px}.delete-btn{background-color:#7e0000;color:#fff}.name-input:hover,.pattern button:hover{border:2px solid grey;border-radius:4px}.expanded{display:flex;flex-direction:column;justify-content:space-between}.expanded div{display:flex;flex-direction:row;justify-content:space-around;padding:4px;flex-wrap:wrap}.expanded button{width:22px;height:22px}#opposite,#reverse{border-radius:20px;align-items:center}.solo-active{background:#d1d1ff;background-color:#d1d1ff}.sequencer{background-color:#d3d3d3;border:1px solid #a9a9a9;margin:0 6px;border-radius:4px}.beat,.sequencer{display:flex;flex-grow:1}.beat{margin:2px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;height:27px;background-color:grey;border:2px solid #d3d3d3;border-radius:4px}.beat:checked{background-color:#4d2114}.beat:focus{border:2px solid grey}.beat:active,.beat:checked:active{border:2px solid #01d46b}.beat:hover{background-color:#d3980f}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body,button,input{margin:0;font-family:"Comfortaa",-apple-system,BlinkMacSystemFont,Arial,Helvetica,"Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:url(/static/media/noisy-texture.70330057.png),linear-gradient(5deg,#250202,#000);background-attachment:fixed;bottom:0;margin:0;border:0;padding:0}button{cursor:pointer}main{display:flex;flex-direction:column;align-items:center;padding-top:120px;background:none}
/*# sourceMappingURL=main.0776a039.chunk.css.map */