@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,200;0,400;0,600;1,300&display=swap);#app{font-family:Roboto Mono,monospace}.navItem{display:flex;justify-content:center;text-align:center}.navText{text-decoration:none}.background{background:linear-gradient(45deg,#00aeef,#ffcb08,#f15927,#00aeef);background-size:400% 400%;animation:gradient 30s ease-in-out infinite alternate-reverse;min-height:100vh}.navLabel{padding:30px 0 0 0}.menuButton{min-width:80px!important}h1{opacity:1!important;padding:10px;display:inline-block;border-radius:10pt;margin:15px;opacity:1%}body,html{width:100%;height:100%}.container{max-width:100%}.note[data-v-0790b679]{color:#000}a[data-v-0790b679]{text-decoration:none}.title[data-v-0790b679]{font-size:10pt!important;line-height:1em;text-align:center;padding:4px 0 0 0;font-family:Arial,sans-serif;font-weight:bolder;max-width:140px;display:flex;justify-content:center;align-items:center}.blog-card[data-v-0790b679]{padding:5px;margin-bottom:12px;transition:all .2s linear;cursor:pointer;min-height:200px;min-width:150px;max-width:160px;max-height:220px;display:flex;flex-wrap:wrap;justify-content:center;box-shadow:0 3px 12px 0 #ababab,0 1px 15px 0 #cecece}.blog-card[data-v-0790b679]:hover{transform:scale(1.1);box-shadow:0 6px 30px 0 rgba(0,0,0,.2),0 2px 30px 0 rgba(0,0,0,.19);position:relative;z-index:2}.blog-card>.title[data-v-0790b679]{margin:0}.blog-image[data-v-0790b679]{height:150px;width:150px;background-size:cover;display:flex;flex:wrap;align-items:flex-start;justify-content:top;text-align:center;margin-top:10px}.blog-link[data-v-0790b679]{color:#000;text-decoration:none;font-weight:100}.date[data-v-0790b679]{font-family:Arial,sans-serif;font-size:6pt;position:relative;align-self:flex-end;font-weight:lighter}.text-wrap[data-v-0790b679]{text-align:center}.zeroAuto[data-v-43e4f10f]{margin:0 auto}h1[data-v-43e4f10f]{text-shadow:2px 2px #00aeef}.blogClose[data-v-43e4f10f]{float:right;margin:30px 25% 5px 0}.blogwrap[data-v-43e4f10f]{max-width:1200px;justify-content:center;align-items:center;margin:0 auto}.blogCenter[data-v-43e4f10f],.blogLeft[data-v-43e4f10f]{display:flex;text-align:center;justify-content:center;align-items:center}.blogLeft[data-v-43e4f10f]{margin:0 auto;max-width:300px}.blog[data-v-43e4f10f]{display:flex;flex-wrap:wrap;min-width:125px;justify-content:center;align-items:center}.blogPic[data-v-43e4f10f]{width:45%;position:static;margin:15px;z-index:0;box-shadow:0 3px 12px 0 rgba(0,0,0,.2),0 1px 15px 0 rgba(0,0,0,.19)}.blogWords[data-v-43e4f10f]{float:left;font-size:15pt}.blogwrap[data-v-43e4f10f]{text-align:center}.blogContent[data-v-43e4f10f]{text-align:left;border-radius:5pt;padding:20px;margin:5px auto 100px auto;width:80vw;max-width:800px;line-height:1.4;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}a[data-v-43e4f10f]{text-decoration:none;display:inline-block;padding:8px 16px}a[data-v-43e4f10f]:hover{background-color:#ddd;color:#000}.previous[data-v-43e4f10f]{background-color:#f1f1f1;color:#000;justify-content:center}.next[data-v-43e4f10f]{background-color:#04aa6d;color:#fff}.round[data-v-43e4f10f]{border-radius:50%}.cardWrap[data-v-43e4f10f]{margin:5px}.date[data-v-43e4f10f]{font-size:9pt}.trackLabel[data-v-196e9205]{padding:0 15px}.buttonRow[data-v-196e9205]{min-height:50px;max-width:370px}.buttonCol[data-v-196e9205],.buttonRow[data-v-196e9205]{display:flex;justify-content:center;align-items:center}.seqButtons[data-v-196e9205]{max-width:10px;padding:0 9px!important}.seqRow[data-v-196e9205]{margin:4px 0 0 8px}.tempoSlider[data-v-47bf3aa4]{max-width:100px}.tempoInput[data-v-47bf3aa4]{width:50px;height:40px;background:#cecece;border-radius:2pt}.tempoControls[data-v-47bf3aa4]{display:flex;justify-content:space-around;align-items:center;padding:2px}.clearButtons[data-v-135ec8e4]{display:flex;flex-wrap:wrap;justify-content:space-around}.clearButtonButton[data-v-135ec8e4]{margin:5px}.drumTitle{text-align:center;display:flex;justify-content:center;align-items:center}.clefLogo{margin:0 20px}.drumBackground{background:linear-gradient(45deg,#ffcb08,#f7f,#f15927,#50c878);background-size:400% 400%;animation:gradient 30s ease-in-out infinite alternate-reverse;min-height:100%}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.SoundControls{margin:10px 0 0 0}.buffer{padding:0 0 30px 0}