@import url(https://fonts.googleapis.com/css2?family=Zeyada&display=swap);@font-face{font-family:Font1;src:url(/fonts/deonstudio.ee4ff67f.otf) format("opentype")}@font-face{font-family:Font2;src:url(/fonts/Zeyada-Regular.da748d31.ttf) format("truetype")}img{cursor:pointer}.Close{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;padding-right:2%}li a{margin:0;text-decoration:none;color:#fff;font-family:Font1;font-size:1.5vw;padding-top:5%;cursor:pointer}li{display:inline-block;position:relative;padding-bottom:1%;margin-right:10px;padding-left:1%;padding-top:1%}li:last-child{margin-right:0}li:after{content:"";display:block;margin:auto;height:.5vh;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}li:hover:after{width:90%;background:#fff}.Top-Bar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:stretch;text-align:center;padding:1%;border-radius:.3em .3em 0 0;background-color:#ffffff56;border-bottom:.2em solid #ffffff33}h2{margin:0;font-family:Font1;font-size:1.5vw;padding-top:5%;cursor:pointer}h1,h2{color:#fff}h1{font-family:Font2;font-size:10vw}.App{width:80vw;height:auto;background:rgba(0,0,0,.267);backdrop-filter:blur(5.8px);-webkit-backdrop-filter:blur(18.8px);margin-top:10vh;border-radius:1em;box-shadow:0 .4em 0 .5em #000}body{margin:0;cursor:cell;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-image:url(/img/bg.6caa6c26.svg);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:stretch}svg{font-family:Font2;width:100%;height:100%}svg text{display:block;animation:stroke 8s infinite alternate;stroke-width:2;stroke:#fff;font-size:500%;text-align:center}@keyframes stroke{0%{fill:transparent;stroke:rgba(0,0,0,.781);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:transparent;stroke:hsla(0,0%,100%,.781)}80%{fill:transparent;stroke:#fff;stroke-width:3}to{fill:#fff;stroke:hsla(0,0%,100%,0);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.wrapper{background-color:none;width:100%;height:20vh;padding:1%}.home h1{margin:0;padding:1%}.Infos{display:inline-block;color:#fff}.Infos h3{font-size:2vw}.Infos h3,.Infos p{font-family:Font1;color:#fff}.Infos p,.highlight{font-size:1vw}.highlight{font-family:Font1;color:#000}.Presentation{flex-direction:row;width:100%}.Presentation,.home{display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;align-content:center}.home{flex-direction:column;width:80vw;height:auto;padding-bottom:2%}.ProfilePicture{cursor:pointer;height:30vh;border-radius:.5em}.box{width:auto;height:30vh;position:relative;border:2px solid #ffffffa4;background:none;border-radius:.6em}.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:20vh;height:20vw;text-align:right}.ribbon span{font-family:font1;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79a70a;background:#000;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;left:-21px}.ribbon span:before{left:0;border-left:3px solid #444;border-right:3px solid transparent}.ribbon span:after,.ribbon span:before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #5f5f5f}.ribbon span:after{right:0;border-left:3px solid transparent;border-right:3px solid #444}.content-frame p[data-v-508d2be2]{font-family:Font1}.email_not_send[data-v-508d2be2],textarea[data-v-508d2be2]{font-size:1.5vw;font-family:Font1;color:#fff}textarea[data-v-508d2be2]{resize:none;width:60%;height:20vw;border:none;background:hsla(0,0%,100%,.25);border-radius:5vh;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.2vh solid #fff;padding:1%}.submit[data-v-508d2be2]{width:60%;font-size:2vw}.submit[data-v-508d2be2],.submit[data-v-508d2be2]:hover{margin:5%;background:hsla(0,0%,100%,.25);border-radius:5vh;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.2vh solid #fff;font-family:Font1;color:#fff}.submit[data-v-508d2be2]:hover{width:55%;font-size:1.7vw}input[data-v-508d2be2]{height:5vw;width:60%;text-decoration:none;border:none;background:hsla(0,0%,100%,.25);border-radius:5vh;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.2vh solid #fff;font-size:1.5vw;padding:.5%;font-family:Font1;color:#fff}label[data-v-508d2be2]{font-size:2vw;font-family:Font1;color:#fff;margin:1%}form[data-v-508d2be2]{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.contact[data-v-508d2be2]{width:100%;text-align:center;display:flex}.content-frame[data-v-508d2be2]{width:100%;flex:1;padding-bottom:5%}p[data-v-508d2be2]{font-size:1.5vw;font-family:Font1;padding:5%;color:#fff}.Formulaire a[data-v-508d2be2]{font-size:2vw;font-family:Font1;color:#fff}h2[data-v-173558ed]{text-align:center;padding:5%}a[data-v-173558ed]{color:#fff}p[data-v-173558ed]{text-align:center;font-family:font1}.bar-separate[data-v-173558ed]{margin-top:10%;border-radius:10em;width:90%;height:3vw;border:.2vh solid #fff}.support-us[data-v-173558ed]{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch;margin-top:10%;margin-bottom:10%}.Tools-about a[data-v-173558ed]{font-size:3vw;padding-bottom:5%}.Tools-about p[data-v-173558ed]{text-align:left;font-size:1.5vw;padding-top:0;margin:0}.Tools-about[data-v-173558ed]{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch}@keyframes time-bar-scrolling-173558ed{0%{left:0}to{left:98%}}.switch-note h1[data-v-173558ed]{font-size:1.5vw;color:#fff}.play-chords[data-v-173558ed]{border-radius:10rem;background:#2c2c2c96;font-family:Font1;margin:auto;width:20vw;height:5vh;display:flex;flex-direction:column;flex-wrap:wrap-reverse;justify-content:center;align-items:stretch;align-content:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.play-chords[data-v-173558ed]:hover{filter:brightness(50%)}.play-chords p1[data-v-173558ed]{margin:1%}.switch-note[data-v-173558ed]{position:relative;margin:0;width:100%;height:10%;padding-bottom:3%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:center}.clicked[data-v-173558ed]{border-radius:10rem;background:#cecece;background-image:url(/img/Do.bf07b41b.png);background-position:50%;background-size:contain;background-repeat:no-repeat}.change-notes[data-v-173558ed],.clicked[data-v-173558ed]{margin:auto;width:5rem;height:2rem;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.change-notes[data-v-173558ed]{background:#fff;border-radius:5vh;background-image:url(/img/C.46a9f354.png);background-position:50%;background-size:contain;background-repeat:no-repeat}.p3[data-v-173558ed]{text-align:center;font-size:1.5vw;font-family:Font1;padding:10%;color:var(--grey);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}h3[data-v-173558ed]{padding-left:10%;font-size:2vw;font-family:Font1;color:#fff}.Reverse-Chord[data-v-173558ed]{flex:1;width:100%;color:#fff}p[data-v-173558ed]{color:#fff;padding:1%}h1[data-v-173558ed]{text-align:center;font-size:2vw;font-family:Font1;color:#fff;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.piano-app[data-v-173558ed]{width:100%;padding-bottom:10%;padding-top:5%;background-color:#00000073}.piano[data-v-173558ed]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%}.white-key[data-v-173558ed]{border-radius:0 0 .5rem .5rem;width:4.5vw;height:10em;background-color:#fff;border:.1rem solid silver;margin-bottom:1rem;margin-left:0;margin-right:0;font-size:2vw;color:#000}.black-key[data-v-173558ed],.white-key[data-v-173558ed]{cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font-family:Font1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.black-key[data-v-173558ed]{border-radius:0 0 .5rem .5rem;width:4vw;height:6em;background-color:#000;position:relative;margin-right:-2vw;margin-left:-2vw;z-index:1;bottom:0;font-size:1.5vw;color:#fff;text-decoration:none}.selected-key[data-v-173558ed]{filter:brightness(80%);background-color:#cecece}