body,html{height:100%;margin:0;padding:0;font-family:Open Sans,sans-serif}#o-wrapper{height:100%;width:100%;margin:0 auto}.right{background:#fff;width:50%;float:right;height:100%}.left{background:#1abc9c;width:50%;float:left;height:100%}.left,.right{display:table-cell;vertical-align:middle;min-height:100%;text-align:center}.left h1,.right h1{margin-top:130px;border-width:2px}.left h2,.right h2{text-align:center;font-size:36px;text-transform:uppercase;padding:0 20px;margin:0;position:relative;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto;left:0;right:0}.left h1,.left h2{color:#fff;text-align:center;text-transform:uppercase}.right h1,.right h2{color:#1abc9c;text-align:center;text-transform:uppercase}#logo{position:absolute;left:20px;top:-10px}#logo h1{font-family:Pacifico,cursive;color:#fff;padding:0}.c-menu__close{position:absolute;width:70px!important;background:#0000!important;top:10px;right:0;float:right}.controls{position:absolute;right:30px;bottom:30px}.controls h3{color:#1abc9c;display:inline;margin-right:20px}.btn{border:2px solid#1abc9c;color:#1abc9c;padding:8px 10px;text-transform:uppercase;text-decoration:none;font-weight:700}#c-menu--slide-right{background:#1abc9c;color:#fff;font-weight:700;text-transform:uppercase;-webkit-overflow-scrolling:touch}#c-button--slide-right{font-size:34px;color:#1abc9c;position:absolute;right:20px;top:20px;cursor:pointer}#c-menu--slide-right h1{text-align:center;padding-top:40px;padding-bottom:0;font-size:28px;margin:0}.c-menu__close i{font-size:28px;color:#fff}.input-number{width:80px;padding:0 12px;vertical-align:top;text-align:center;outline:none;border:none}.input-number,.input-number-decrement,.input-number-increment{height:40px;user-select:none;background:#1abc9c;color:#fff;font-size:16px;font-weight:700}.input-number-decrement,.input-number-increment{display:inline-block;line-height:38px;color:#fff;text-align:center;font-weight:700;cursor:pointer}.bpm,.counter,.octaves{text-align:center;margin-top:30px}.counter i{font-size:21px}.keys,.scales{text-align:center;margin-top:40px}.bpm label,.counter label,.keys label,.octave label,.scales label{font-size:18px;padding-bottom:10px}.scales ul.filters{width:80%;text-align:left}.scales ul.filters li{display:block;padding-top:5px}.filters input{display:none}.filters .icon{text-align:center;display:inline-block}.filters .icon .fa{visibility:hidden}.filters input:checked+.icon .fa{visibility:visible}.filters input{display:inline\9}.filters .icon{display:none\9}.filters{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.filters li{padding-left:3px}.filters label{cursor:pointer;font-size:13px}.filters input{margin:0 .1em}.filters label{color:#1abc9c}.filters .icon{background:#1abc9c;border:1px solid;border-radius:.3em;border-color:#0000;text-align:center;font-size:.8em;color:#fff;margin:0 .1em;height:1em;width:1em;padding:.15em;line-height:1.1em}.filters{list-style:none;padding:8px;display:inline-block}.filters li{display:inline-block;margin-right:.3em}ul.filters{margin:10px 0 0}.filters{border-radius:4px;background:#fff}#count,#stop{text-transform:uppercase}.bpm{padding-left:20px;padding-right:20px}.bpm label{display:block}.bpm #bpm{width:100%;border-radius:4px!important;border:none!important}.select2-dropdown{border:none!important}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#1abc9c!important}.select2-container--default .select2-selection--single{border:none!important}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#1abc9c#0000#0000!important}.octave-filter{background:#fff;margin:10px 20px 40px;padding:8px;color:#1abc9c;border-radius:4px;font-size:13px}.octave-filter label:first-child{margin-right:10px}
/*# sourceMappingURL=style.css.map*/