@import url(https://use.typekit.net/alo5tfq.css);
body{background:radial-gradient(at 50% -25%,rgba(0,204,255,.3),transparent 35%),radial-gradient(at 100% 100%,rgba(0,204,255,.2),transparent 30%),radial-gradient(at -20% 60%,rgba(0,204,255,.1),transparent 35%),#323631;color:#fff;font-family:Excon-Regular,sans-serif;line-height:170%;margin:0}.main__index{display:flex;flex-direction:column;justify-content:center;margin:50px 50px 0}@media (min-width:700px){.main__index{margin:auto;max-width:600px}}@media (min-width:1025px){.main__index{-moz-column-gap:70px;column-gap:70px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 50px;max-width:none;row-gap:60px}}.main__wordfinder{display:flex;flex-direction:column;justify-content:center;margin:50px 50px 0}@media (min-width:1025px){.main__wordfinder{display:grid;grid-template-columns:repeat(3,1fr);margin:0 50px;row-gap:0}}.result{color:#4dff00;font-size:clamp(1.75rem,1.5441rem + .9412vw,2.25rem);font-weight:700}.wordinsong__list{list-style:none}h2{font-size:clamp(1.3125rem,1.1581rem + .7059vw,1.6875rem);line-height:130%}.title,h2{justify-self:start}.title{align-self:center;background-color:radial-gradient(at 50% -25%,rgba(0,204,255,.3),transparent 35%),radial-gradient(at 100% 100%,rgba(0,204,255,.2),transparent 30%),radial-gradient(at -20% 60%,rgba(0,204,255,.1),transparent 35%),#323631;background-size:50%;font-family:strelka,sans-serif;line-height:120%;margin:0 5%;padding-bottom:30px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title span{display:block;font-family:manifold-extd-cf,sans-serif;font-size:clamp(1.75rem,.8454rem + 4.1353vw,3.946875rem);font-style:italic;font-weight:300}header{display:flex;flex-direction:column-reverse}@media (min-width:1025px){header{display:flex;flex-direction:row-reverse;justify-content:space-around;margin:20px 2%;padding:0}}header a{padding-right:5%}header .header__line{align-self:center;display:none;width:25%}@media (min-width:1025px){header .header__line{display:block}}header .header__line2{align-self:center;display:none;width:15%}@media (min-width:1025px){header .header__line2{display:block}}header nav{align-self:start;justify-self:start;margin:20px}header nav a{cursor:pointer}@media (min-width:1025px){header nav{align-self:center;justify-self:start}}header nav a{text-decoration:none}.popup{background-color:#7b7373;background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;left:50%;max-width:350px;padding:10px;position:absolute;top:20%;transform:translateX(-50%)}.popup a{padding:0}.popup__container{display:none;height:100vh;left:0;position:fixed;top:0;width:100vw}.popup__container.open{display:block}.popup__background{background:#000;height:100%;opacity:.4;width:100%}.choosesection{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (min-width:700px){.choosesection{display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px}}@media (min-width:1025px){.choosesection{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;display:grid;grid-column:1;grid-row:1/span 2;grid-template-columns:repeat(2,1fr);grid-template-rows:auto minmax(350px,400px);margin:30px 2%;max-width:100%;padding:15px 20px}}.year__ref{font-size:14px}.years__refs{display:flex;justify-content:space-between;margin-top:-20px;width:100%}.inputnumber{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:#00ff90;font-size:clamp(1.75rem,1.5441rem + .9412vw,2.25rem);min-width:120px;text-align:center}.inputnumber::-moz-placeholder{border:none;color:#00ff90;font-size:16px;text-align:center;width:-moz-fit-content;width:fit-content}.inputnumber:-ms-input-placeholder{border:none;color:#00ff90;font-size:16px;text-align:center;width:fit-content}.inputnumber::placeholder{border:none;color:#00ff90;font-size:16px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:root{--rotateValue:0deg}.inputnumber:hover{color:#00ff90}.bigknob{align-items:center;background:linear-gradient(0deg,#292828,#181818);border:2px solid #484848;border-radius:50%;box-shadow:0 0 69.4px #1f1f1f;display:flex;flex-direction:column;height:117px;justify-content:center;width:117px}@media (min-width:1025px){.bigknob{height:230px;width:230px}}.btn__years{align-items:center;background:none;border-radius:8px;display:flex;flex-direction:column;gap:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:30px 2%;max-width:100%;padding:15px 20px}@media (min-width:700px){.btn__years{border-radius:0;border-top:1px solid #595959;grid-column:1/span 2;grid-row:1;margin:auto;padding:30px 70px}}@media (min-width:1025px){.btn__years{grid-row:2}}.bigknob__center{background:linear-gradient(0deg,#1e1e1e,#131313);border-radius:50%;box-shadow:0 0 19.1px #060606,0 23px 24.9px rgba(0,0,0,.18);cursor:pointer;display:flex;height:74px;justify-content:center;transform:rotate(var(--rotateValue));width:74px}@media (min-width:1025px){.bigknob__center{height:145px;width:145px}}.bigknob__light{background-color:#0fb;border-radius:50%;box-shadow:0 0 7.3px rgba(0,255,187,.373);height:8px;margin-top:10px;width:8px}@media (min-width:1025px){.bigknob__light{height:15px;margin-top:20px;width:15px}}.year__ref{font-family:manifold-extd-cf,sans-serif;font-size:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.songinfos__el{cursor:pointer}.songinfos__el:hover{color:#0fb}.songinfos__el--active{color:#00ff40}.songinfos__paragraphe{height:400px;margin:0;overflow-y:scroll;scrollbar-color:grey transparent;width:100%}@media (min-width:1025px){.songinfos__paragraphe{height:600px}}.btn__hits{background-color:#151515;background-image:url(../../assets/images/arrow-down.svg);background-position:right 10px center;background-repeat:no-repeat;border:2px solid #00ff90;border-radius:8px;color:#00ff90;cursor:pointer;font-family:clother,sans-serif;padding:10px 20px;width:200px}@media (min-width:1025px){.btn__hits{display:none}}.songinfos__hitssection{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px 2%;max-width:100%;min-width:250px;padding:15px 20px}.songinfos__hitssection ul{height:400px;list-style:none;margin:0;overflow-y:scroll;padding:0;scrollbar-color:grey transparent;width:100%}@media (min-width:1025px){.songinfos__hitssection ul{height:600px}}.songinfos__hitssection ul li{margin:15px 0}@media (min-width:1025px){.songinfos__hitssection{align-self:start;background:none;border-radius:0;border-right:1px solid #595959;padding-right:10px}}.songinfos__lyrics{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px 2%;max-width:100%;padding:15px 20px}@media (min-width:1025px){.songinfos__lyrics{align-self:start;background:none}}.topmots{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;margin:30px 2%;max-width:100%;padding:15px 20px}@media (min-width:1025px){.topmots{grid-column:2;height:90%}}.topmots #myChart{height:100%;width:100%}.topmots__graph{background-color:transparent;background-image:url(../../assets/images/onde.svg);background-position:bottom;background-repeat:no-repeat;border-radius:8px;height:150px;height:75%;width:100%}.topyear{border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px 0;max-width:100%;padding:0}.topyear h2{align-items:center;font-size:16px}.topyear h2 span{color:#00ff90;font-size:clamp(1.3125rem,1.1581rem + .7059vw,1.6875rem)}.topallwords{border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px 2%;max-width:100%;padding:15px 20px}.topallwords h2{color:#00ff90;font-family:manifold-extd-cf,sans-serif;justify-self:center}@media (min-width:1025px){.topallwords{align-self:flex-start}}.topallwords__graph{background-color:transparent;border-radius:8px;-moz-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(5,1fr);height:150px;row-gap:5px;width:100%}.topallwords__graph *{border-radius:8%;height:100%;width:100%}.topallwords__graph .oh{background-color:#3586ff}.topallwords__graph .love{background-color:#6bf178}.topallwords__graph .yeah{background-color:#ff5964}.topallwords__graph .know{background-color:#ffe74c}.topallwords__graph .like{background-color:orange}.topallwords__graph .get{background-color:#44d3ff}.topallwords__graph .say{background-color:#8338ec}.topallwords__graph .baby{background-color:#b7fdfe}.topallwords__graph .come{background-color:#ff2aff}.topallwords__graph .cause{background-color:#653eff}.mot55__ul{display:grid;grid-template-columns:repeat(2,1fr);list-style:none}@media (min-width:1025px){.mot55__ul{display:flex;justify-content:space-between;padding:0}}.mot55__ul .mots55__li--oh{color:#3586ff}.mot55__ul .mots55__li--love{color:#6bf178}.mot55__ul .mots55__li--yeah{color:#ff5964}.mot55__ul .mots55__li--know{color:#ffe74c}.mot55__ul .mots55__li--like{color:orange}.mot55__ul .mots55__li--get{color:#44d3ff}.mot55__ul .mots55__li--say{color:#8338ec}.mot55__ul .mots55__li--baby{color:#b7fdfe}.mot55__ul .mots55__li--come{color:#ff2aff}.mot55__ul .mots55__li--cause{color:#653eff}.comparaisonword{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;margin:30px 2%;max-width:100%;padding:15px 20px}.topallwords__graph--year{border-radius:8px;height:150px;width:100%}@media (min-width:1025px){.topallwords__graph--year{width:80%}}footer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.credits{color:#fff;font-size:16px;margin-bottom:20px;text-decoration:none}.choseword{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#151515;background-image:url(../../assets/images/arrow-down.svg);background-position:right 10px center;background-repeat:no-repeat;border:2px solid #00ff90;border-radius:8px;color:#00ff90;cursor:pointer;font-family:clother,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:10px 20px;width:200px}@media (min-width:1025px){.choseword{align-self:center;grid-column:3;grid-row:1;justify-self:center}}.wordinsong{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;margin:30px 2%;max-width:100%;padding:15px 20px}.wordinsong h2{border-bottom:1px solid #fff;padding-bottom:5px}.wordinsong ul{height:400px;margin:0;overflow-y:scroll;padding:0;scrollbar-color:grey transparent;width:100%}@media (min-width:1025px){.wordinsong ul{height:600px;height:800px}}.wordinsong ul li{display:flex;justify-content:space-between;margin:10px 0}.wordinsong ul li span{font-family:manifold-extd-cf,sans-serif;font-size:12px;margin-left:5px}@media (min-width:1025px){.wordinsong{grid-column:1;grid-row:2/span 2}}.graphicword{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;margin:30px 2%;max-width:100%;padding:15px 20px}@media (min-width:1025px){.graphicword{grid-column:2/span 3}}.graphicword__container{border-radius:8px;height:150px;height:100%;width:100%}.graphicword__container #chartime{height:100%;width:100%}.top55{background:radial-gradient(at -10% 100%,rgba(255,43,43,.05),transparent 25%),radial-gradient(at 80% 60%,rgba(59,98,255,.05),transparent 20%),radial-gradient(at 10% 5%,rgba(59,255,239,.05),transparent 35%),#090909;border-radius:8px;box-shadow:0 0 10px #111;margin:30px 2%;max-width:100%;padding:15px 20px}.top55 h2{color:#00ff90}@media (min-width:1025px){.top55{grid-column:2/span 3;grid-row:3}}.btnacceuil{margin:0}@media (min-width:1025px){.btnacceuil{grid-column:2;justify-self:center;margin-top:60px}}.btn__acceuil--index{grid-column:1/span 2;justify-self:center;margin-top:0}.btn__acceuil{align-self:center;background-color:#000;border:1px solid #00ff90;border-radius:8px;color:#00ff90;margin:0;padding:10px;text-decoration:none;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn__acceuil:hover{background-color:transparent}.btn__top{align-self:center;display:flex;justify-content:center;margin-top:40px}.btn__top svg{fill:#00ff90;border:1px solid #00ff90;border-radius:8px;height:24px;padding:10px;width:24px}@media (min-width:1025px){.btn__top{display:none}}.back{background-color:#161616;border:2px solid #03ff8d;border-radius:8px;padding:20px 36px;text-decoration:none;transition:.2s ease}.back:hover{background-color:#353535}.cheader,.clist{align-items:center;display:flex;flex-direction:column}.clist{font-weight:700;list-style:none;padding-left:0}.clist__el{padding-bottom:70px}.cbody{align-items:center;display:flex;flex-direction:column;font-family:manifold-extd-cf,sans-serif}a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-underline-offset:16%;transition:.3s ease}a:hover{color:#03ff8d}.cword{font-family:strelka,sans-serif}.title__span{font-style:italic}h2{font-size:clamp(1rem,.8125rem + 1vw,1.6875rem);font-weight:400}@media (max-width:800px){.cbody{margin-inline:20px}}.cmain{align-items:center;display:flex;flex-direction:column}.clist__el--last{padding-bottom:0}@font-face{font-family:Excon-Regular;src:url(../assets/polices/Excon-Variable.ttf)}

/*# sourceMappingURL=app.css.map*/