*{margin:0;padding:0;box-sizing:border-box;background-color:#2e2a39}@font-face{font-family:"Michroma";src:url(../font/Michroma-Regular.ttf);font-weight:normal;font-style:normal}@font-face{font-family:"Roboto";src:url(../font/Roboto-Regular.ttf);font-weight:normal;font-style:normal}@font-face{font-family:"Robot";src:url(../font/Roboto-Light.ttf);font-weight:100;font-style:normal}@font-face{font-family:"Roboto";src:url(../font/Roboto-SemiBold.ttf);font-weight:600;font-style:normal}@font-face{font-family:"Roboto";src:url(../font/Roboto-Medium.ttf);font-weight:500;font-style:normal}@font-face{font-family:"Roboto";src:url(../font/Roboto-Bold.ttf);font-weight:700;font-style:normal}body{font-family:"Roboto-Regular",sans-serif;font-size:20px;color:#e8ffff}h2{font-size:32px;color:#e8ffff}h1{font-family:"Michroma",sans-serif}.light{font-weight:100}.medium{font-weight:500}.semi-bold{font-weight:600}.bold{font-weight:700}.navbar{display:flex;justify-content:center;align-items:center;gap:2rem}.navbar--logo{width:72px}.navbar--list{display:flex;gap:3rem;list-style:none}.navbar--link{text-decoration:none;color:#e8ffff;font-family:"Michroma",sans-serif}.navbar--link:hover{color:#83feff}.navbar-pc{display:none}@media screen and (min-width: 768px){.navbar-pc{display:flex}}#burger-menu{cursor:pointer;height:27px;width:27px;margin:50px;overflow:visible;position:relative;z-index:2}@media screen and (min-width: 767px){#burger-menu{display:none}}#burger-menu span,#burger-menu span:before,#burger-menu span:after{background:#83feff;display:block;height:2px;opacity:1;position:absolute;transition:.3s ease-in-out}#burger-menu span:before,#burger-menu span:after{content:""}#burger-menu span:before{left:0px;top:-10px;width:27px}#burger-menu span{right:0px;top:13px;width:27px}#burger-menu span:after{left:0px;top:10px;width:27px}#burger-menu.close span:before{top:0px;transform:rotate(90deg);width:27px}#burger-menu.close span{transform:rotate(-45deg);top:13px;width:27px}#burger-menu.close span:after{top:0px;left:0;transform:rotate(90deg);opacity:0;width:0}#navbar-mobile--menu{z-index:1;min-width:100%;min-height:100%;position:fixed;top:0;height:0;visibility:hidden;opacity:0;text-align:center;padding-top:20px;transition:all .3s ease-in-out}#navbar-mobile--menu.overlay{visibility:visible;opacity:1;padding-top:100px;background:#2e2a39}#navbar-mobile--menu li{list-style:none}#navbar-mobile--menu a{color:#e8ffff;display:block;font-size:32px;margin-bottom:30px;text-decoration:none}#navbar-mobile--menu a:hover{color:#83feff}.header--banner{width:100%;max-height:10rem;object-fit:cover;display:block}.container{width:auto;margin:1rem;padding:1rem}@media screen and (min-width: 1024px){.container{margin:auto;width:1080px}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center}.hero--title{font-family:"Michroma",sans-serif;font-size:2rem;text-transform:uppercase;color:#83feff}@media screen and (min-width: 764px){.hero--title{font-size:3rem}}.hero--title__highlight{color:#fd55b7}.hero-container{padding:1rem}@media screen and (min-width: 1024px){.hero-container{display:flex;justify-content:center;align-items:center}}.equalizer{width:40vw;height:25vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.equalizer--top,.equalizer--bottom{display:flex;gap:1vw}.equalizer--top__bar{width:1vw;height:2vw;background:#83feff;animation:bounce 1.5s infinite ease-out;transform-origin:bottom}.equalizer--top__bar:nth-child(2),.equalizer--top__bar:nth-child(4),.equalizer--top__bar:nth-child(13),.equalizer--bottom__bar:nth-child(2),.equalizer--bottom__bar:nth-child(4){animation-delay:0s}.equalizer--top__bar:nth-child(1),.equalizer--top__bar:nth-child(3),.equalizer--top__bar:nth-child(5),.equalizer--top__bar:nth-child(14),.equalizer--bottom__bar:nth-child(1),.equalizer--bottom__bar:nth-child(3),.equalizer--bottom__bar:nth-child(5),.equalizer--bottom__bar:nth-child(14){animation-delay:.15s}.equalizer--top__bar:nth-child(6),.equalizer--top__bar:nth-child(8),.equalizer--top__bar:nth-child(15),.equalizer--bottom__bar:nth-child(6),.equalizer--bottom__bar:nth-child(8),.equalizer--bottom__bar:nth-child(15){animation-delay:.3s}.equalizer--top__bar:nth-child(9),.equalizer--top__bar:nth-child(11),.equalizer--bottom__bar:nth-child(9),.equalizer--bottom__bar:nth-child(11){animation-delay:.45s}.equalizer--top__bar:nth-child(10),.equalizer--top__bar:nth-child(12),.equalizer--bottom__bar:nth-child(10),.equalizer--bottom__bar:nth-child(12){animation-delay:.6s}.equalizer--bottom{transform:rotate(180deg)}.equalizer--bottom__bar{width:1vw;height:2vw;background:#fd55b7;animation:bounce 1s infinite ease-out;transform-origin:bottom}@keyframes bounce{0%,100%{transform:scaleY(1)}25%{transform:scaleY(2.5)}50%{transform:scaleY(4)}}.music--btn{display:block;margin:0 auto;color:#83feff;background-color:rgba(0,0,0,0);border:3px solid #fd55b7;padding:9px;border-radius:5px;font-size:30px;text-align:center;text-decoration:none}.featuredMovies{display:flex;gap:40px;padding:50px;width:75vw;overflow-x:auto;scroll-snap-type:x mandatory}@media screen and (min-width: 1024px){.featuredMovies{width:100vw;justify-content:center}}.featuredMovies--card{scroll-snap-align:center}.featuredMovies--card__img{height:20rem}.featuredMovies--card__title{font-family:"Michroma",sans-serif;color:#e8ffff;text-transform:uppercase;text-decoration:none}.featuredMovies--card__title:hover{color:#83feff}.hero--btn{display:block;margin:0 auto;color:#83feff;background-color:rgba(0,0,0,0);border:3px solid #fd55b7;padding:9px;border-radius:5px;font-size:30px;text-align:center;text-decoration:none}.hero--btn:hover{color:#fd55b7}.footer{text-align:center;color:#83feff}.footer--banner{width:100%;max-height:20rem;object-fit:cover;display:block;margin-top:20px}.footer--link{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:15px}.footer--link__decoration{text-decoration:none;color:#83feff}.footer--logo{width:32px}@media screen and (min-width: 1024px){.footer--logo{width:48px}}.filtres{display:flex;justify-content:center;padding:1rem;gap:1rem}.btn__highlight{color:#e8ffff;font-size:20px;background-color:rgba(0,0,0,0);border:1px solid #fd55b7;padding:9px;border-radius:5px}.btn-trier:hover{color:#83feff}.btn-filtrer:hover{color:#83feff}.fiches{width:auto}@media screen and (min-width: 1024px){.fiches{margin:auto;width:1080px}}.fiches--title{font-family:"Michroma",sans-serif;display:flex;justify-content:center}.fiches img{height:20rem;margin:1rem}@media screen and (min-width: 1024px){.fiches img{height:25rem}}.fiches p{color:#e8ffff;margin-left:1rem}.fiches h2{font-family:"Michroma",sans-serif;font-size:18px;margin-left:1rem}@media screen and (min-width: 1024px){.fiches h2{font-size:38px}}.fiches progress{background-color:none;color:#83feff;border-radius:8px;margin:1rem}.fiches progress::-webkit-progress-bar{background-color:none;color:#83feff;border-radius:8px}.fiches progress::-webkit-progress-value{background-color:#40e0d0;border-radius:8px}.fiches progress.complet::-webkit-progress-value{background-color:#fd55b7}