.app{background-color:bisque;display:flex;flex-direction:column;justify-content:center}.teoric-content-screen{max-width:900px}@media (min-width:900px){.teoric-content-screen{margin:0 auto}}.pontuation{font-weight:700;left:10px;position:absolute;transition:opacity .5s ease}.progress{background-color:#e0e0e0;border-radius:15px;height:20px;margin-bottom:.2rem;margin-right:.2rem;overflow:hidden;position:relative;width:100px}.progressBar{align-items:center;background-color:#4caf50;display:flex;height:100%;justify-content:center;position:relative;transition:width .5s ease-in-out;width:0}.teoric-quiz{flex-direction:column}.icons-container,.teoric-quiz{display:flex;justify-content:space-between}.icons-container{align-items:center;flex-direction:row;margin:.5rem 0}.icons{font-size:medium}.answer{border-radius:4px;min-height:50px}.answer-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.answer.hint{animation:blink 1s infinite}.hint-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}button{background-color:#000;border:none;color:#fff;font-weight:700;padding:5px 10px;transition:background-color .3s,transform .2s}button,button:hover{cursor:pointer}.answer{background-color:red;border:2px solid brown;color:#333;width:100%}.answer:hover{background-color:#007bff;border:1px dashed}.hint{background-color:#ffc107;color:#d3d3d3;font-weight:700}.answer.correct{border:2px solid green}.answer.incorrect{border:2px solid red}button:disabled{cursor:not-allowed;opacity:.5}@keyframes blink{50%{background-color:#ecec90;border:1px dashed;color:#000}}.level-infos{display:flex;flex-direction:column}.progress-bar-container{align-items:center;display:flex;justify-content:space-between}.level-display:first-of-type{color:#4caf50;font-weight:700}.level-display:last-of-type{color:#555;font-weight:400}.response-container{align-items:center;display:flex;justify-content:center;margin:20px auto}.check-answer-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s}.check-answer-button:hover{background-color:#45a049}.check-answer-button:active{transform:scale(.95)}@media (max-width:600px){.level-infos{padding:8px}}.header{align-items:center;background-color:#42311d;border-bottom:2px solid #aa906f;display:flex;height:8vh;justify-content:center}.header-content{display:flex;justify-content:space-between;max-width:900px;padding:10px 0;width:100%}.header-right{display:flex;gap:10px;padding:10px}.header-button{background-color:#c2a032;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 10px;text-decoration:none;transition:background-color .3s}.header-button:hover{background-color:#45a049}.header-title{color:#fff;font-size:13px;margin-left:10px}@media (min-width:900px){.header-title{font-size:1rem}.header-button{padding:10px 15px}}.guitar{background-color:#deb887;background-image:url(http://www.transparenttextures.com/patterns/wood-pattern.png);border-bottom:6px solid;border-top:6px solid;box-sizing:border-box;padding:20px;position:relative;white-space:nowrap}.fretBoard{align-items:center;border-bottom:1px solid;border-color:#94754d;display:flex;white-space:nowrap}.fretBoard-left-continer{flex:0 0 30%;text-align:right}.string-container{cursor:pointer;font-weight:700;transition:color .3s}.string-name{margin:0}.each-string-container{align-items:center;display:flex;justify-content:space-between;min-width:0;width:100%}.string-icon{aspect-ratio:1/1;text-align:center;width:20px;z-index:2}.note-container,.string-icon{align-items:center;display:flex;justify-content:center}.note-container{border-radius:25%;cursor:pointer;height:20px;position:relative;transition:background-color .3s;width:35px}.note-container:hover{background-color:#0000ff4d;color:#fff}.selected{background-color:#00ff004d}.muted{background-color:#ff00004d}.last-item-container{align-items:center;border-radius:50%;cursor:pointer;flex:0 0 40px;font-weight:700;height:20px;justify-content:center;position:relative;text-align:center;transition:background-color .3s}.note-result-container{position:relative}.visible{display:block}.hidden{display:none}.is-right-note{color:green}.is-wrong-note{color:red}.fret-number{color:#333;font-size:14px;font-weight:700}@media (max-width:800px){.fretBoard-left-continer{flex:0 0 25%}.string-icon{flex:0 0 20px}.note-container{height:30px;width:30px}.each-string-container{justify-content:space-around}}@media (max-width:500px){.guitar{padding:10px}.fret-number{font-size:12px}.note-container{height:20px;width:20px}.string-icon{flex:0 0 20px}.each-string-container{justify-content:space-around}}.end-game{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center;width:100vw}.end-game-title{color:#4caf50;font-size:2em}.end-game-score{color:#ffda79;font-size:1.5em;margin-top:10px}.play-again-btn{background-color:#008cba;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 20px}.play-again-btn:hover{background-color:#005f73}.teoric-content-screen{padding:10px}.octave-note-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative}.octave-note{position:absolute;top:-3px}.respective-note-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:1rem 4px}.note-item{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:.5rem 1rem;text-align:center}.crossed-hashtag{color:#000;position:relative}.crossed-hashtag:before{background-color:red;content:"";height:4px;left:0;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:100%}.section-number{background-color:#d3d3d3;display:inline-block;font-size:1.5rem;padding:.5rem 1rem}.center{align-items:center;display:flex;flex-direction:column;justify-content:center}.chord-svg{max-height:450px;max-width:300px;min-height:300px;min-width:250px}.sustein-and-bemol-examples-container{align-items:center;display:flex;justify-content:space-between}.bold-italic{font-style:italic;font-weight:700;text-decoration:underline}.chord-svg{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;max-width:58.82353vw}.outhers-examples{display:grid;grid-template-columns:50% 50%;place-items:center}.guitar-parts-image{border-radius:.5rem;max-width:90%;mix-blend-mode:multiply;overflow:hidden}.major-scale-container{background-color:bisque;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;padding:20px}.scale-title{color:#333;margin-bottom:10px}.scale-notes{color:#000;font-size:16px;font-weight:500}.scale-table{background-color:#fff7ed;border-collapse:collapse;margin-top:20px;width:100%}.scale-table td,.scale-table th{border:1px solid #c97a40;padding:8px}.scale-table th{background-color:#d2691e;color:#fff;text-align:left}.scale-table td{background-color:#fff7ed;color:#333;font-weight:600}.scale-sequence{color:#333;margin-top:20px}:root{--width:45px;--height:45px}.chord-reference-guide{align-items:center;display:flex;height:100%;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:.5rem;white-space:nowrap}.box-width{border:1px solid;height:45px;height:var(--height);width:45px;width:var(--width)}.diagonal-div{align-items:center;border:1px solid;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;position:relative}.right-content{align-self:flex-start;margin-left:2px}.diagonal-line{border:.5px solid;position:absolute;transform:rotate(-45deg);width:50px}.left-content{align-self:flex-end;margin-right:2px}.content-center{display:grid;place-items:center}.box-width+.box-width{border-top:none}@media (max-width:320px){:root{--width:40px;--height:40px}.chord-reference-guide{font-size:.85rem;padding:.2rem}.diagonal-div{border-width:.5px}.diagonal-line{width:55px}.left-content,.right-content{margin-left:1px;margin-right:1px}.box-width{height:45px;height:var(--height);width:45px;width:var(--width)}}.legend{align-items:flex-start;border-left:2px solid;border-radius:5px;display:flex;flex-direction:column;gap:.5rem;margin:.8rem 0 .25rem;padding:10px .5rem}.legend-item{align-items:center;display:flex}.legend-color{border:1px solid gray;border-radius:50%;margin-right:.5rem;min-height:15px;min-width:15px}.legend-label{font-size:.8rem}.title-container{align-items:center;border-bottom:3px dashed;display:flex;gap:10px}.section-number{align-items:center;background-color:#0000;border:2px solid;border-radius:100%;display:flex;justify-content:center}.section-paragraph{flex:1 1;margin-left:20px}.section-paragraph p{font-size:1rem;margin:0}.home_lpMain__Ud7KK{background-color:#add8e6;font-size:20px;padding:20px}.landing_main__Kg7it{font-family:Arial,sans-serif;height:82vh;line-height:1.6}.landing_hero__aiWe0{background:linear-gradient(135deg,#004aad,#007bff);color:#fff;padding:60px 20px;text-align:center}.landing_hero__aiWe0 h1{font-size:2.5rem;margin-bottom:16px}.landing_hero__aiWe0 p{font-size:1.2rem;margin-bottom:24px}.landing_ctaButton__lYj5n{background-color:#fc0;border-radius:8px;color:#333;font-weight:700;padding:14px 24px;text-decoration:none;transition:.3s}.landing_ctaButton__lYj5n:hover{background-color:#ffc107}.landing_benefits__G-P3W{padding:40px 20px;text-align:center}.landing_benefits__G-P3W h2{font-size:2rem;margin-bottom:24px}.landing_benefits__G-P3W ul{list-style:none;padding:0}.landing_benefits__G-P3W li{font-size:1.1rem;margin:10px 0}.landing_signup__ZkqMZ{background-color:#f7f7f7;padding:40px 20px;text-align:center}.landing_ctaButtonLarge__Y9yVy{background-color:#004aad;border-radius:8px;color:#fff;display:inline-block;font-weight:700;margin-top:16px;padding:16px 32px;text-decoration:none;transition:.3s}.landing_ctaButtonLarge__Y9yVy:hover{background-color:#00337a}html{scroll-behavior:smooth}body{font-family:sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}hr{border-color:#eb8f44}
/*# sourceMappingURL=main.15a6684a.css.map*/