html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,select,input,summary,time,mark,audio,button,video{margin:0;border:0;padding:0;font-size:100%;font-family:Poppins,Helvetica,Arial,sans-serif;font-weight:300;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:green;text-decoration:none}a:hover{text-decoration:underline}body{color:#000000b3;background-color:#f5f5f5}main{padding-left:3%;padding-right:3%;font-weight:300}main br{font-weight:400}main p,main li{line-height:1.5}.border-hidden{border-color:transparent}.border-normal{border-color:#0000001a}.border-success{border-color:#28e700}.border-failure{border-color:#ff859a}table{margin-top:12px}table th,table td{padding:12px;border:1px solid rgba(0,0,0,.7);text-align:center}table th{font-weight:400}@font-face{font-family:Bravura Text;src:local("Bravura Text"),url(/microtonal-lab/assets/BravuraText-bd5b1d0a.otf) format("opentype")}.smufl{font-family:Bravura Text,Poppins,Helvetica,Arial,sans-serif}.center{text-align:center}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.small-text{font-size:15px}.unimportant{font-size:15px;color:#7c7c7d}h1{font-size:30px;font-weight:400}h2{font-size:22px;margin-bottom:12px;margin-top:24px;font-weight:400}p,button,label,li,input{font-size:18px}input{margin-bottom:6px}li{margin-bottom:18px;margin-top:18px}label{margin-right:12px}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.col{display:flex;flex-direction:column;flex-basis:100%;flex:1;min-width:420px}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.float-left{float:left}.float-right{float:right}.border-bottom{border-bottom:.5px solid #d4e6b5}.default-flexbox{display:flex;gap:12px;flex-wrap:wrap}select{font-size:18px;border:1px solid rgba(0,0,0,.1)}button{display:inline-block;border:solid 1px rgba(0,0,0,.1);padding:6px 12px;margin:4px;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none;font-weight:400;background-color:transparent;color:#000000b3}button.border-normal{border-color:#000}button:disabled,button.disabled-color{color:#0000004d}button:disabled.border-normal,button.disabled-color.border-normal{border-color:#0000004d}button:disabled.border-success,button.disabled-color.border-success{border-color:#28e7004d}button:disabled.border-failure,button.disabled-color.border-failure{border-color:#ff859a4d}button:hover:enabled{background-color:green;color:#fff}button:active:enabled{transform:scale(.95)}button.ans-button{font-weight:300}.custom-input input{width:150px;margin-top:4px;border-width:1px;border-style:solid;padding-left:5px}.custom-input.short-input input{width:50px}.custom-input.medium-input input{width:70px}.custom-input.short-input-no-text{width:75px;text-align:center}.custom-input.short-input-no-text input{width:75%}.context-menu-ul>li{border:solid 1px rgba(0,0,0,.1);padding:6px 12px;margin:0;cursor:pointer}.context-menu-ul>li:hover{background-color:green;color:#fff}.pitch-input-rows li{margin-bottom:0;margin-top:0;margin-right:10px;display:flex;flex-direction:column;justify-content:center}.pitch-input-rows li button{padding:0;font-weight:400}.active{color:#000000b3}nav{display:flex;align-items:center;height:72px;width:100%;background-color:#f0f0f0;position:relative;border-bottom:1px solid #d4e6b5;margin-bottom:12px}nav>header{display:inline}nav>header>a>.nav-title{display:inline-block;color:#000000b3;padding:36px}nav>.nav-btn{display:none}nav>.nav-links{display:inline}nav>.nav-links>a{display:inline-block;padding:13px 10px;text-decoration:none;color:#7c7c7d}nav>.nav-links>a:hover{color:green}nav>.nav-links>a.active{color:#000000b3}nav>#nav-check{display:none}@media (max-width: 970px){nav>.nav-btn{display:inline-block;position:absolute;right:0}nav>.nav-btn>label{display:inline-block;padding:12px}nav>.nav-btn>label:hover,nav #nav-check:checked~.nav-btn>label{color:green}nav>.nav-links{position:absolute;display:block;width:100%;background-color:#f0f0f0;height:0px;transition:all .3s ease-in;overflow-y:hidden;top:72px;left:0}nav>.nav-links>a{display:block;width:100%}nav>#nav-check:not(:checked)~.nav-links{height:0px}nav>#nav-check:checked~.nav-links{height:calc(100vh - 50px);overflow-y:auto}}.verovio-renderer{display:flex;align-items:center;gap:12px}.pitch-converter-fixed-size-button{min-width:120px}.utility-tools-input-form{max-width:30em}.micro-keyboard-grid{display:flex;flex-direction:column;gap:8px;max-width:fit-content;margin:24px auto}.micro-keyboard-grid .micro-keyboard-row{display:flex;gap:6px}.micro-keyboard-grid .micro-keyboard-row .micro-key{box-sizing:border-box;padding:0;position:relative;width:60px;height:60px;margin:0}.micro-keyboard-grid .micro-keyboard-row .micro-key:focus-visible{outline:none}.micro-keyboard-grid .micro-keyboard-row .micro-key .micro-key-name{position:absolute;width:16px;height:16px;left:0;top:0;font-weight:200;font-size:16px;line-height:24px;align-items:center;text-align:center}.micro-keyboard-grid .micro-keyboard-row .micro-key .micro-note-name{position:relative;font-size:18px;align-items:center;text-align:center}.checkbox-input{margin-right:5px}