body{background-color:#333;color:#ddd;width:100%}footer{text-align:center;margin:auto}h2{font-family:Courier New,Courier,monospace;font-weight:600}#loader{border:12px solid #f3f3f3;border-radius:50%;border-top:12px solid #444444;width:70px;height:70px;animation:spin 1s linear infinite}.load-center{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}select{width:100px;height:40px;margin-left:10px;margin-right:10px;text-align:center;border-radius:5px;background:#e3e3e3;margin-bottom:15px}.fragment-sel{width:200px;height:40px;text-align:center;border-radius:5px;background:#e3e3e3;font-size:16px}.slider-draw{display:inline-block;width:100%;height:10em}.tempo-container{white-space:nowrap;margin:10px;width:84%;height:5em}.swing-container{white-space:nowrap;width:50%;height:2em;margin:1.5em}.swing-slider{margin-left:115px;margin-right:10px;width:80%}.volume-container{white-space:nowrap;width:50%;height:2em;margin:1em}.vol-label{width:10em;padding-left:10px;display:inline-block}.tempo-label{width:4em;padding-left:10px;display:inline-block}.tempo-slider,.vol-slider{margin-left:10px;margin-right:10px;width:80%}.sel-toggle{margin-left:10px;margin-right:10px;width:40px}.instrument-options{margin-left:5px;margin-right:35px}div.loop-container{white-space:nowrap;align-items:center;justify-content:center;margin-right:30px}div.box-container{display:flex;align-items:center;justify-content:center;margin-top:40px}.button-draw{display:flex;flex-wrap:wrap;text-align:center}button.btn-long{margin-top:20px;justify-content:center;align-items:center;width:200px;height:40px;font-size:16px;border-radius:15px}.btn-display-format{margin-bottom:15px;justify-content:center;align-items:center;width:100px;height:40px;font-size:14px;border-radius:5px;margin-left:40px}.btn-display{margin-bottom:5px}button.btn-play{font-size:28px;margin-top:30px;margin-bottom:30px;justify-content:center;align-items:center;width:350px;height:40px;border-radius:15px}tone-play-toggle{margin-top:30px;margin-bottom:20px;width:200px}tone-step-sequencer{margin-top:30px;margin-bottom:20px}