:root{--color-bg:#adadad;--color-scale:#ff6f01;--color-scale-light:#ffa866;--color-chord:#0191ff;--color-chord-light:#89ccff;--color-button:#302f2f;--color-button-light:#555;--color-button-text:#f1efef;font-size:46%}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100vh}body{background:#adadad;background:var(--color-bg)}#root{align-items:center;display:flex;justify-content:center}body,button,input,textarea{font:500 1.6rem Roboto}.App{align-items:center;background:#adadad;background:var(--color-bg);color:var();display:block;height:100vh;justify-content:center;max-width:700px;width:100vw}@media(min-width:700px){:root{font-size:65%}}button{cursor:pointer;font:700 2rem Roboto;justify-content:center;margin:3.2rem 0;outline:none;text-decoration:none}.option,button{align-items:center;display:flex}.option{justify-content:space-evenly}.option button{border:0;border-radius:1rem;font:700 2rem Roboto;height:5.6rem;padding:0 1.6rem;transition:.2s;width:20rem}.option .chord{background:#0191ff;background:var(--color-chord);color:#fff}.option .scale{background:#ff6f01;background:var(--color-scale);color:#fff}.option .scale:hover{background:#ffa866;background:var(--color-scale-light)}.option .chord:hover{background:#89ccff;background:var(--color-chord-light)}.tones{align-items:center;border-radius:2rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem auto 0}.tones button{background:#302f2f;background:var(--color-button);border:0;border-radius:1rem;color:#fff;font:700 rem Roboto;height:5.6rem;margin:0 auto 3rem;padding:0 1.6rem;transition:.2s;width:12rem}.tones button:hover{background:#555;background:var(--color-button-light);color:#fff}.chord,.scale,.tuner{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem auto}.scale button{background:#fff;border:0;border-radius:1rem;color:#ff6f01;color:var(--color-scale);font:700 2rem Roboto;height:5.6rem;margin:0 auto 1rem;padding:0 1.6rem;transition:.2s}.scale button:hover{background-color:#ff6f01;background-color:var(--color-scale);color:#fff}.tuner button{background:#fff;border:0;border-radius:1rem;color:#302f2f;color:var(--color-button);font:700 2rem Roboto;height:5.6rem;margin:0 auto 1rem;padding:0 1.6rem;transition:.2s}.tuner button:hover{background-color:#302f2f;background-color:var(--color-button);color:#fff}.chord button{background:#fff;border:0;border-radius:1rem;color:#0191ff;color:var(--color-chord);font:700 2rem Roboto;height:5.6rem;margin:.5rem auto;padding:0 1.6rem;transition:.2s}.chord button:hover{background:#0191ff;background:var(--color-chord);color:#fff}.selected{align-items:center;background:#f1efef;background:var(--color-button-text);border:0;border-radius:2rem;border-radius:1rem;display:flex;font:bolder 6rem Roboto;height:-webkit-max-content;height:max-content;justify-content:center;margin:1rem auto;padding:2rem;transition:.2s;width:-webkit-max-content;width:max-content}.selected:hover{background:#3b4677;color:#ffa866;cursor:pointer}.result,.resultNotes{align-items:center;display:flex;justify-content:space-evenly}.resultNotes{flex-wrap:wrap}.resultNotes button{background:#f1efef;background:var(--color-button-text);border:0;border-radius:50%;font:700 rem Roboto;height:5rem;margin:1rem .5rem 0;padding:0 1.6rem;transition:.2s;width:5rem}.resultNotes button:hover{background:#555;background:var(--color-button-light);color:#f1efef;color:var(--color-button-text);margin-top:0}h3,span{display:flex;justify-content:space-evenly}.resultVoices{align-items:center;display:flex}.resultVoices button{background:#f1efef;background:var(--color-button-text);border:0;border-radius:50%;font:700 rem Roboto;height:5rem;margin:0;padding:0 1.6rem;transition:.2s;width:5rem}.resultVoices button:hover{background:#555;background:var(--color-button-light);color:#f1efef;color:var(--color-button-text)}.resultVoices .subB{background:#f1efef;background:var(--color-button-text);border:0;border-radius:50%;font:700 rem Roboto;height:2rem;margin:0 auto;padding:0 1.6rem;transition:.2s;width:2rem}.voz{font-weight:bolder;text-align-last:center;width:100px}
/*# sourceMappingURL=main.64655638.css.map*/