/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.desktop__hide,.hide,.mobile__hide{display:none;visibility:hidden}.rempimg{text-indent:100%;white-space:nowrap;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}ul{list-style:none}a,button{margin:0;padding:0;background-color:inherit;background:0 0;border:none;text-align:center;text-decoration:none;display:inline-block;cursor:pointer}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;overflow:hidden;margin:0 auto;font-family:'Fira Sans',sans-serif;-webkit-font-smoothing:antialiased;font-size:18px;font-weight:700;line-height:1.5;color:#faf5e8}audio{display:none}button,textarea{outline:0}textarea:focus button:focus{outline:0;background-color:none}body[data-page=pageLanding] #pageLanding{display:block}body[data-page=pageSound] #pageSound{display:block}body[data-page=pagePitch] #pagePitch{display:block}body[data-page=pageRepet] #pageRepet{display:block}.tuto{background-color:rgba(0,0,0,.9);position:absolute;width:87vw;height:100vw;top:8vw;left:6.5vw}.tutocontent{position:absolute;width:73%;height:80%;top:5vw;left:13.5%}.okayButton{font-family:Righteous,cursive;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#246468;border:2px solid #faf5e8;border-radius:10px;position:relative;margin:20% 0 0 17.5%;font-size:25px;padding:3vh 0;color:#faf5e8;width:65%}.okayButton__repet{margin:20% 0 0 10%;width:80%}.okayButton__click{-webkit-transform:scale(.9);transform:scale(.9);background-color:#3fadb5}.gtrbloc{position:absolute;z-index:-4;height:22%;width:87%;bottom:8%;left:6.5%}.gtrbloc ul{left:10%}.key{-webkit-transition:all linear;transition:all linear;background-color:#0aa78c;border:3px solid #ffbb43;border-radius:5px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;display:inline-block;position:relative;padding:8% 0;width:20%;margin:2.15% 2.5%;float:left}.key button{font-family:Righteous,cursive;position:absolute;text-align:center;color:#faf5e8;height:100%;width:100%;top:0;left:0}.keybtnclicked{-webkit-transform:scale(.9);transform:scale(.9);background-color:#1e7365}.title{font-family:Righteous,cursive;text-align:center;font-size:44px;color:#faf5e8}.title__landing{margin-left:2.5%;width:95%}.title__small{font-size:25px;margin-bottom:15px}.title__tuto{font-size:33px;margin-bottom:20px}.fontsmall{font-size:18px;font-weight:700}.txtcontainer{text-align:center;margin-left:7.5%;width:85%}.container{margin:10vh 0 0 6.5vw;position:absolute;width:87vw}.containerimg{position:relative;margin-bottom:10%;height:75vw;width:87vw;top:0;left:0}.containerimg__ampsound{margin-bottom:0;height:59vw;top:0}.containerimg__guitar{margin-bottom:0;height:50vw;top:0}.logo{background:url(assets/img/logoswash.svg) no-repeat;position:absolute;height:100%;width:70%;top:0;left:15%}.logo__neon{background:url(assets/img/logoswashneon.svg) no-repeat;-webkit-animation:neon 2.5s ease-in infinite;animation:neon 2.5s ease-in infinite}.nodisplay{display:none}.greenbackground{background:url(assets/img/starsbackground-white.svg) repeat;background-color:#246468;position:absolute;width:100vw;height:100vh;top:0;left:0;color:#faf5e8}.ampsound{background:url(assets/img/amp.svg) no-repeat;position:absolute;overflow:visible;z-index:1;height:70%;width:42%;top:15%;left:34%}.ampsound__amp{background:url(assets/img/enceinteamp.svg) no-repeat;-webkit-animation:bump .8s linear infinite;animation:bump .8s linear infinite;position:absolute;height:100%;width:100%}.ampsound__amp--left{background:url(assets/img/ampsound.svg) no-repeat;-webkit-animation:amppagesoundl .8s linear infinite;animation:amppagesoundl .8s linear infinite;position:absolute;height:69%;width:29%;top:29%;left:-42%}.ampsound__amp--right{background:url(assets/img/ampsound.svg) no-repeat;-webkit-animation:amppagesoundr .8s linear infinite;animation:amppagesoundr .8s linear infinite;position:absolute;height:69%;width:29%;top:27.5%;right:-12%}.guitarpitch{background:url(assets/img/guitar.svg) no-repeat;-webkit-animation:guitarbang 1s ease infinite;animation:guitarbang 1s ease infinite;position:absolute;height:70%;width:77%;top:15%;left:11.5%}.repetbackground{background-color:#f4e0c9;position:relative;height:100%;width:100%;z-index:-10}.repetbackground__wall{background:url(assets/img/illumurepets.svg) repeat;position:absolute;border-bottom:3vh solid #495044;height:50%;width:100%}.repetbackground__ground{background:url(assets/img/latteparquet2.png) repeat;background-size:5%;position:absolute;height:50%;width:100%;bottom:0}.poster{background:url(assets/img/posterfp.svg) no-repeat;-webkit-transform:rotate(3deg);transform:rotate(3deg);position:absolute;height:18%;top:13%;left:50%}.amp{background:url(assets/img/amp.svg) no-repeat;position:absolute;z-index:-9;height:35%;width:39%;top:19%;left:-13%}.amp__front{background:url(assets/img/enceinteamp.svg) no-repeat;-webkit-transform-origin:center center;transform-origin:center center;height:100%;width:100%}.amp__right{top:35%;left:78%}.amp__sound{background:url(assets/img/ampsound.svg) no-repeat;position:absolute;opacity:0;height:49%;width:29%;top:36.5%;left:76%}.amp__sound--right{background:url(assets/img/ampsound.svg) no-repeat;position:absolute;height:50%;width:29%;top:37.5%;left:-5%}.swash{position:absolute;z-index:-7;height:80vw;width:60vw;top:16%;left:17%}.swash__head{-webkit-transform-origin:center bottom;transform-origin:center bottom;position:absolute;z-index:-6;height:50%;top:0;left:25%}.swash__guitar{background:url(assets/img/guitar.svg) no-repeat;position:absolute;z-index:-5;height:100%;width:100%;top:41%;left:13%}.swash__hand{position:absolute;z-index:-4;height:39%;top:40.5%;left:14%}.swash__feet{background:url(assets/img/swashfoot.svg) no-repeat;position:absolute;z-index:-3;height:22%;width:100%;top:83%;left:0}.swash__foot{background:url(assets/img/swashfootrotate.svg) no-repeat;-webkit-transform-origin:left bottom;transform-origin:left bottom;position:absolute;z-index:-2;height:11%;width:28%;top:87%;right:11%}.swash__handplay{-webkit-transform-origin:center top;transform-origin:center top}.swash__mouth{-webkit-transform-origin:left bottom;transform-origin:left bottom}.metalstroke{fill:#626c6b;stroke:#4b5052;stroke-miterlimit:10}.metal{fill:#4b5052}.bluehead{fill:#3094b1;stroke:#217a92;stroke-width:1.5;stroke-miterlimit:10}.darkblue{fill:#0d3238}.hands{fill:none;stroke:#49170d;stroke-miterlimit:10}@-webkit-keyframes neon{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}60%{opacity:0}80%{opacity:1}100%{opacity:0}}@keyframes neon{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}60%{opacity:0}80%{opacity:1}100%{opacity:0}}@-webkit-keyframes amppagesoundl{0%{-webkit-transform:rotate(-180deg) translateX(0);transform:rotate(-180deg) translateX(0)}50%{-webkit-transform:rotate(-180deg) translateX(20%);transform:rotate(-180deg) translateX(20%)}100%{-webkit-transform:rotate(-180deg) translateX(0);transform:rotate(-180deg) translateX(0)}}@keyframes amppagesoundl{0%{-webkit-transform:rotate(-180deg) translateX(0);transform:rotate(-180deg) translateX(0)}50%{-webkit-transform:rotate(-180deg) translateX(20%);transform:rotate(-180deg) translateX(20%)}100%{-webkit-transform:rotate(-180deg) translateX(0);transform:rotate(-180deg) translateX(0)}}@-webkit-keyframes amppagesoundr{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes amppagesoundr{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes guitarbang{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes guitarbang{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes soundl{0%{opacity:0;-webkit-transform:translateX(0) scale(.9);transform:translateX(0) scale(.9)}50%{opacity:1;-webkit-transform:translateX(110%) scale(1.4);transform:translateX(110%) scale(1.4)}100%{opacity:1;-webkit-transform:translateX(110%) scale(1.4);transform:translateX(110%) scale(1.4)}}@keyframes soundl{0%{opacity:0;-webkit-transform:translateX(0) scale(.9);transform:translateX(0) scale(.9)}50%{opacity:1;-webkit-transform:translateX(110%) scale(1.4);transform:translateX(110%) scale(1.4)}100%{opacity:1;-webkit-transform:translateX(110%) scale(1.4);transform:translateX(110%) scale(1.4)}}@-webkit-keyframes soundr{0%{opacity:0;-webkit-transform:rotate(180deg) translateX(0) scale(.9);transform:rotate(180deg) translateX(0) scale(.9)}50%{opacity:1;-webkit-transform:rotate(180deg) translateX(110%) scale(1.4);transform:rotate(180deg) translateX(110%) scale(1.4)}100%{opacity:1;-webkit-transform:rotate(180deg) translateX(110%) scale(1.4);transform:rotate(180deg) translateX(110%) scale(1.4)}}@keyframes soundr{0%{opacity:0;-webkit-transform:rotate(180deg) translateX(0) scale(.9);transform:rotate(180deg) translateX(0) scale(.9)}50%{opacity:1;-webkit-transform:rotate(180deg) translateX(110%) scale(1.4);transform:rotate(180deg) translateX(110%) scale(1.4)}100%{opacity:1;-webkit-transform:rotate(180deg) translateX(110%) scale(1.4);transform:rotate(180deg) translateX(110%) scale(1.4)}}@-webkit-keyframes headbang{0%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}50%{-webkit-transform:rotate(30deg) translateY(5%);transform:rotate(30deg) translateY(5%)}100%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}}@keyframes headbang{0%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}50%{-webkit-transform:rotate(30deg) translateY(5%);transform:rotate(30deg) translateY(5%)}100%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}}@-webkit-keyframes scream{0%{-webkit-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0)}100%{-webkit-transform:rotate(20deg) translateY(-7%) translateX(-14%);transform:rotate(20deg) translateY(-7%) translateX(-14%)}}@keyframes scream{0%{-webkit-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0)}100%{-webkit-transform:rotate(20deg) translateY(-7%) translateX(-14%);transform:rotate(20deg) translateY(-7%) translateX(-14%)}}@-webkit-keyframes handplay{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes handplay{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes foottap{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes foottap{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bump{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}.swash__head--play{-webkit-animation:headbang .8s ease infinite;animation:headbang .8s ease infinite}.swash__mouth--play{-webkit-animation:scream .8s ease forwards;animation:scream .8s ease forwards}.swash__handplay--play{-webkit-animation:handplay .2s ease forwards;animation:handplay .2s ease forwards}.swash__foot--play{-webkit-animation:foottap .8s infinite ease-in;animation:foottap .8s infinite ease-in;-webkit-animation-delay:.4s;animation-delay:.4s}.amp__front--play{-webkit-animation:bump .5s linear infinite;animation:bump .5s linear infinite}.ampplayleft{-webkit-animation:soundl .8s ease forwards;animation:soundl .8s ease forwards}.ampplayright{-webkit-animation:soundr .8s ease forwards;animation:soundr .8s ease forwards}@media screen and (orientation:landscape){section{visibility:hidden}.landscape{visibility:visible;background:url(assets/img/starsbackground-white.svg) repeat;background-color:#246468;position:absolute;width:100vw;height:100vh;top:0;left:0;color:#faf5e8}.container{width:90%;margin:0 auto}.col{float:left;width:50%;margin-top:5%}.col__right{float:right;margin-top:20%}.title--land{font-size:25px;text-align:left;margin-bottom:25px}p{font-size:18px;font-weight:400}img{width:50%;margin:10% 25%}}@media screen and (orientation:portrait){section{visibility:visible}.landscape{visibility:hidden}}@media screen and (max-height:549px){.swash{top:10%}.amp{top:18%}.amp__right{top:21%}}@media screen and (min-height:550px) and (max-height:799px){.swash{top:20%}.amp{top:18%}.amp__right{top:20%}}@media screen and (min-height:800px) and (max-height:999px){.swash{top:26%}.amp{top:23%}.amp__right{top:25%}}@media screen and (min-height:1000px){body{font-size:33px}.swash{top:6%}.amp{top:18%}.amp__right{top:20%}}