@charset "UTF-8";@font-face{font-family:Poppins;src:url(/projets/df/fonts/Poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/projets/df/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/projets/df/fonts/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Azedo;src:url(/projets/df/fonts/Azedo/Azedo-Bold.otf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Brick;src:url(/projets/df/fonts/Brick/Brick.otf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Brick-variant;src:url(/projets/df/fonts/Brick/Brick-Variant.otf) format("truetype");font-style:normal;font-weight:600}:root{--bg-image: url(../img/background_dark.png);--bg-color: #1e1e1e;--text-color: #bfbfbf}*{scroll-behavior:smooth}body{background-image:var(--bg-image);background-color:var(--bg-color);background-size:cover;background-repeat:repeat;font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:var(--text-color);scroll-behavior:smooth}.slider{position:fixed;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;z-index:1000}.slider button{background-color:#01faeb;color:#1e1e1e;border:none;padding:10px 40px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;font-size:32px;font-family:Brick-variant,sans-serif;cursor:pointer}.slider button:hover{background-color:#8673d7;transition:background-color .5s ease}.decorative__ellipse{position:absolute;top:-20px;right:0;height:100%;z-index:-1;opacity:90%}.decorative__ellipse--img{width:100%;display:block}.nav{position:relative;margin:auto}.nav__content{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.nav__content .burger{display:none}.nav__logo{font-family:Azedo,sans-serif;font-weight:700;font-style:normal;font-size:40px;color:var(--text-color);text-decoration:none;margin-left:50px}.nav__logo--highlight{position:absolute;font-family:Brick,sans-serif;font-size:40px;font-weight:700;color:#8673d7;top:0}.nav__links{display:flex}.nav__list{display:flex;list-style:none;justify-content:flex-end}.nav__list--item{font-family:Poppins,sans-serif;font-weight:600;font-style:normal;font-size:20px;margin:0 30px;cursor:pointer}.nav__list--item a{text-decoration:none;color:var(--text-color)}.nav__list--item a:hover{color:#8673d7;transition:color .3s ease}.nav__separator{position:absolute;left:50%;transform:translate(-50%);z-index:1;width:100%;min-width:100%}.nav__separator-img{width:100vw;max-width:100%;display:block}main{margin:0 180px}.hero{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0 1rem}.hero__content{max-width:800px;margin:0 auto}.hero__title{font-size:170px;font-family:Azedo,sans-serif;font-weight:700;margin-bottom:1rem;margin-top:-120px;color:var(--text-color);position:relative}.hero__title--highlight{position:absolute;top:-25px;left:40px;font-family:Brick,sans-serif;font-size:96px;font-weight:700;color:#8673d7}.hero__text{font-size:32px;font-family:Poppins,sans-serif;font-weight:600;background:linear-gradient(to right,#8673d7,#01faeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero__btn{display:flex;justify-content:center}.hero__btn--link{background:linear-gradient(to right,#8673d7,#01faeb);height:50px;border:none;font-size:1.3rem;font-family:Poppins,sans-serif;font-weight:600;color:#1e1e1e;cursor:pointer;border-radius:0 25px;position:relative;text-decoration:none;text-align:center;line-height:50px;padding:0 30px;transition:all .6s}.hero__btn--link:hover{border-radius:25px 0}.hero__btn--link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#8673d7,#01faeb);filter:blur(22px);transform:scale(.9,.8) translateY(20px);z-index:-1;opacity:0;transition:all .6s}.hero__btn--link:hover:before{opacity:1}.wrapper{margin-top:-200px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:400px}.wrapper .film-card{position:relative;top:0;padding:2rem;background-color:#8000801a;border-radius:20px;z-index:2;will-change:transform;transition:transform .3s ease}.wrapper .film-card__title{display:flex;font-size:24px;align-items:center}.wrapper .film-card__title img{background-color:#bfbfbf;border-radius:100%;margin-right:10px}.wrapper .film-card__tags{font-family:Azedo,sans-serif;font-weight:700;margin-top:20px;display:flex;justify-content:space-around}.wrapper .film-card__tags .film-tag{padding:.25rem .5rem;border-radius:20px;color:#1e1e1e}.wrapper .film-card__tags .film-tag:nth-child(1){background-color:#00faeb}.wrapper .film-card__tags .film-tag:nth-child(2){background-color:#8d6bd6}.wrapper .processor-zone{margin:200px 0 0;position:relative}.wrapper .processor-zone img{position:relative;z-index:4}.wrapper .processor-zone .processor__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;z-index:5;font-family:Azedo,sans-serif;font-weight:700;font-style:normal;font-size:40px;color:var(--text-color);text-decoration:none}.wrapper .processor-zone .processor__logo .processor__logo--highlight{position:absolute;font-family:Brick,sans-serif;font-size:40px;font-weight:700;color:#8673d7;top:-30px}.wrapper .processor-zone .alternative-version{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about{display:flex;flex-direction:column;justify-content:space-around;height:80vh;position:relative;margin-bottom:600px}.about__content{max-width:900px;margin-bottom:200px}.about__text{font-size:32px;line-height:140%}.about__text--highlight{font-weight:600;font-style:italic;color:#8d6bd6}.about__quote{text-align:right;font-size:31px}.about__quote--txt{font-family:Poppins;font-weight:400;font-style:normal}.about__quote--author{display:block;margin-top:.5rem;font-style:normal;font-weight:600}.about__separator{display:flex;justify-content:center;margin-top:50px}.about__separator--line{width:2px;height:300px;background-color:#8d6bd6;position:relative}.explore{display:flex;justify-content:center;align-items:center;padding:100px 0}.explore__imgs{position:relative;margin-top:45px;height:435px;width:600px}.explore__img{position:absolute;width:auto;height:auto;overflow:hidden}.explore__img img{display:block;aspect-ratio:736/534}.explore .img-comp-slider{position:absolute;z-index:9;cursor:ew-resize;padding:10px;background-color:#8d6bd6;border-radius:20px;font-family:Brick-variant,sans-serif;transform:rotate(-90deg);color:#000}.explore .img-comp-slider:before{content:"";margin-right:1px;position:absolute;top:50%;left:45.5%;transform:translate(-50%,-50%);width:435px;height:1px;background-color:#8d6bd6;border-radius:20px;z-index:-1}.guide{display:flex;justify-content:center;align-items:center;padding:100px 0}.guide__content{text-align:justify}.guide__text{font-family:Poppins,sans-serif;font-size:30px;margin-left:110px;margin-bottom:20px}.guide__text::marker{content:counter(list-item) "/ ";color:#8d6bd6;font-family:Brick,sans-serif;font-size:60px}.frame{max-width:1100px;height:645px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.frame--nocenter{justify-content:flex-start}.frame__img{position:absolute;width:100%;height:100%;z-index:-5}.frame__title{position:absolute;left:30px;top:0;font-size:110px;font-family:Azedo,sans-serif;font-weight:700;margin:0}.frame__title--results{font-size:70px;top:2%}.frame__txt{position:absolute;right:165px;bottom:20px;font-size:30px;font-family:Azedo,sans-serif;font-weight:700;margin:0;display:flex;text-align:center}.frame__txt--link{background:linear-gradient(to right,#8673d7,#01faeb);height:50px;border:none;font-size:1.3rem;font-family:Poppins,sans-serif;font-weight:600;color:#1e1e1e;cursor:pointer;border-radius:0 25px;position:relative;text-decoration:none;text-align:center;line-height:50px;padding:0 30px;transition:all .6s}.frame__txt--link:hover{border-radius:25px 0}.frame__txt--link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#8673d7,#01faeb);filter:blur(22px);transform:scale(.9,.8) translateY(20px);z-index:-1;opacity:0;transition:all .6s}.frame__txt--link:hover:before{opacity:1}.catalogue-hero{padding-top:70px}.catalogue-hero__content{padding:0 20px}.catalogue-hero__title{font-size:60px;font-family:Azedo,sans-serif;font-weight:700}.catalogue-hero__title:after{content:"?";font-family:Brick,sans-serif;font-size:inherit;color:#8d6bd6}.catalogue-hero__txt{font-size:24px;font-family:Poppins,sans-serif;font-weight:400;margin-top:30px;line-height:140%}.tags-filter__container{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.tags-filter__container .tag{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid #AB9DC8;color:#ab9dc8;background-color:#d9d9d9;font-weight:600;cursor:pointer;border-radius:15px;-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s}.tags-filter__container .tag:hover{background-color:#ab9dc8;color:#d9d9d9}.tags-filter__container .tag__close{display:none;margin-left:8px;font-weight:700;cursor:pointer}.tags-filter__container .tag.selected{background-color:#ab9dc8;color:#d9d9d9}.tags-filter__container .tag.selected .tag__close{display:inline}.tags-filter__container .tag[data-tag=all]{border-color:#ab9dc8;background-color:#d9d9d9;color:#ab9dc8;font-weight:700}.tags-filter__container .tag[data-tag=all].selected{background-color:#ab9dc8;color:#d9d9d9}.catalogue{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;gap:1rem;margin:50px 0 200px}.catalogue__item{width:323px;padding:1rem;border-radius:20px;background-color:#8d6bd666;text-align:center;position:relative}.catalogue__img{width:230px;height:314px;object-fit:cover;border-radius:20px;box-shadow:0 4px 8px #0003}.catalogue__img:hover{transform:scale(1.05)}.catalogue__title{font-size:24px;text-align:left;text-transform:uppercase;margin:10px 0}.catalogue__description{font-size:16px;font-family:Poppins,sans-serif;font-style:italic}.catalogue__btn{position:absolute;bottom:10px;right:20px}.catalogue__btn :hover{translate:0 5px}.movie__container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;justify-content:center;justify-items:center;padding:2rem;margin-top:70px}.movie__visual{position:relative;width:100%;max-width:720px}.movie__img{color:#fff;position:relative}.movie__img--poster{width:600px;opacity:60%}.movie__img_separator--upper,.movie__img_separator--lower{position:absolute;width:100%;pointer-events:none;left:-3px;z-index:1}.movie__img_separator--lower{bottom:0}.movie__title{position:absolute;margin:0;top:50px;left:40px;font-size:54px;font-family:Azedo,sans-serif}.movie__author{position:absolute;margin:0;top:100px;left:40px;font-size:16px;font-family:Poppins,sans-serif}.movie__duration{position:absolute;margin:0;top:130px;left:40px;font-size:16px;font-family:Poppins,sans-serif;font-weight:100}.movie__release{position:absolute;margin:0;bottom:50px;left:330px;font-size:30px;font-family:Azedo,sans-serif;font-weight:100}.movie__release--date{font-family:Poppins,sans-serif;font-size:16px}.movie__info--title{font-size:30px;font-family:Azedo,sans-serif;font-weight:700;margin-top:0;margin-bottom:.5rem}.movie__info .movie__actors,.movie__info .movie__synopsis{font-size:20px;line-height:140%;margin-bottom:100px;max-width:400px}.play__container{margin:150px 0 20px}.play__title{font-size:50px;font-family:Azedo,sans-serif;font-weight:700;font-style:normal}.play__text{font-size:24px;font-family:Poppins,sans-serif;font-weight:400}.play__step{margin-top:150px;display:flex;flex-wrap:wrap;justify-content:center;gap:50px;font-family:poppins,sans-serif;font-weight:400;font-size:18px}.results__container{display:flex;flex-direction:column;align-items:center;margin:200px 0}.results__content{display:flex;flex-direction:column;margin:0 100px}.results__content__version{font-size:18px;font-weight:500}#myChart{width:600px!important;height:600px!important}.footer{background-color:#c0b5d8;border-radius:30px 30px 0 0;padding:100px 60px 60px;display:flex;justify-content:center;box-shadow:0 4px 20px #00000026}.footer__wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.footer__credits{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:.3rem}.footer__credits--link{font-family:Poppins,sans-serif;font-style:italic;font-weight:500;color:#1e1e1e;text-decoration:none;font-size:1rem}.footer__credits--link:hover{text-decoration:underline}.footer__copyright{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:.9rem;color:#1e1e1e;margin:0}.footer__info{margin-top:150px;text-align:left}.footer__info .footer__simulation{font-family:Poppins,sans-serif;font-style:italic;font-size:1rem;color:#8673d7;margin-bottom:20px}.footer__info .footer__description{font-family:Poppins,sans-serif;font-style:italic;font-size:1rem;color:#fff;max-width:600px;line-height:1.5;margin:0}.footer__logo{margin-top:100px;width:100%;display:flex;justify-content:center}.footer__logo img{height:auto;max-height:60px}@media screen and (max-width: 768px){.footer{padding:60px 30px 40px}.footer__wrapper{align-items:flex-start}.footer__credits{position:static;margin-bottom:30px;align-items:flex-start}.footer__info{margin-top:0}.footer__logo{margin-top:60px}}.genres{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;max-width:300px}.genres__item{padding:5px 10px;background-color:#8673d7;color:#1e1e1e;border-radius:15px;font-size:14px;cursor:pointer;transition:background-color .3s}.genres__item.active{background-color:#01faeb}@media (max-width: 1300px){.catalogue{grid-template-columns:1fr 1fr;gap:1rem}.explore{padding:60px 0}.explore__img{width:400px;height:290px;margin-top:30px}.guide__text{font-size:10px;margin-left:40px}.frame{max-width:700px;height:400px}.frame__title{font-size:60px!important}.frame__title--results{font-size:40px!important;top:3%!important}.frame__txt{font-size:18px;right:80px;bottom:10px}.guide__text{font-size:20px;margin-left:40px}.guide__text::marker{font-size:30px}.img-comp-slider{padding:7px;font-size:14px}.movie__img{width:600px}.movie__container{grid-template-columns:1fr}}@media (max-width: 900px){.catalogue{grid-template-columns:1fr;gap:1rem}.nav__right-separator-img{display:none}.hero__title{font-size:100px}.hero__title--highlight{font-size:60px}.hero__text{font-size:24px}.hero__btn--link{padding:0 10px;font-size:15px}.about__text,.about__quote{font-size:24px}.about__quote--txt{font-size:20px}.about__quote--author{font-size:16px}.explore{padding:60px 0}.explore__img{width:400px;height:290px;margin-top:30px}.guide__text{font-size:13px}.guide__text::marker{font-size:20px}.frame{max-width:500px;height:300px}.frame__title{font-size:40px}.frame__title--results{font-size:30px;top:5%}.frame__txt{font-size:16px;right:50%;translate:50% 0;bottom:-5px}.frame__txt--link{padding:0 10px;font-size:12px}.frame .results__content{margin:300px 0 100px;align-items:center}.frame .results__version{font-size:12px}.frame .frame__img{display:none}.frame .catalogue-hero__title{font-size:40px}.frame .catalogue-hero__txt{font-size:18px}.frame .movie__title{font-size:32px;top:20px;left:20px}.frame .movie__author,.frame .movie__duration{font-size:14px;bottom:100px;left:20px}.frame .movie__release{font-size:20px;bottom:20px;left:20px}.frame .movie__release--date{font-size:14px}.frame .movie__img{width:80%}.frame .movie__img--poster{width:100%}.movie__container{grid-template-columns:1fr;padding:1rem;gap:2rem}.movie__img--poster{width:100%;max-width:100%}}.credits{max-width:900px;margin:3rem auto 6rem;padding:0 1rem}.credits__title{font-weight:700;font-size:2.2rem;text-align:center;margin-bottom:2rem}.credits__subtitle{font-weight:600;font-size:1.3rem;margin-top:2.5rem;margin-bottom:.7rem}.credits__list{list-style-type:disc;padding-left:1.5rem;font-weight:400}.credits__list li{margin-bottom:.4rem}@media (max-width: 768px){.catalogue__title{font-size:16px}.catalogue__img{width:200px;height:280px}}@media screen and (max-width: 768px) and (max-width: 768px){.movie__container{grid-template-columns:1fr;padding:1rem;gap:2rem}.movie__img--poster{width:100%;max-width:100%}.movie__title{font-size:32px;top:20px;left:20px}.movie__author,.movie__duration{font-size:14px;bottom:100px;left:20px}.movie__release{font-size:20px;bottom:20px;left:20px}.movie__release--date{font-size:14px}.movie__img{width:80%}.movie__synopsis{font-size:16px;margin:20px 0}}main{margin:0 90px}#myChart{width:300px!important;height:300px!important}.nav__content{padding:10px 0}.nav__logo,.nav__logo--highlight{font-size:30px}.nav__list--item{font-size:16px;margin:0 10px}@media (max-width: 740px){.about__text,.about__quote{font-size:20px}.about__quote--txt{font-size:16px}.about__quote--author{font-size:14px}.about .frame__txt--link{padding:0 10px;font-size:13px}.guide__text{font-size:12px;margin-left:20px}.guide__text::marker{font-size:18px}.frame__title{font-size:10px}}@media (max-width: 640px){.about__content{margin-bottom:30px}.about__text,.about__quote{font-size:16px}.about__quote--txt{font-size:14px}.about__quote--author{font-size:12px}.explore{display:none}.nav__content{position:relative}.nav__content .burger{margin-right:30px;display:block;position:relative}.nav__content .burger.active .burger__line:nth-child(1){transform:rotate(45deg);background-color:#8673d7}.nav__content .burger.active .burger__line:nth-child(2){opacity:0}.nav__content .burger.active .burger__line:nth-child(3){transform:rotate(-45deg);background-color:#8673d7;top:0;position:absolute}.nav__content .burger__line{width:30px;height:3px;background-color:#8673d7;margin:6px 0;transition:.4s}.nav__links{display:none;position:absolute;top:5px;right:10px}.nav__links.open{display:flex}.nav__list{flex-direction:column;align-items:center;background-color:#1e1e1ecc;padding:20px;border-radius:10px;position:absolute;top:60px;right:10px;z-index:1000}.nav__list--item{margin:10px 0}.nav__list--item a{color:#8673d7}.nav__list--item a:hover{color:#01faeb}}@media (max-width: 600px){.wrapper,.about{margin-bottom:200px}.about__content{margin-bottom:20px}.movie__container{padding:1rem;gap:1rem}.movie__img{width:70%}.movie__title{font-size:24px;top:10px;left:10px}.movie__author,.movie__duration{font-size:12px;bottom:80px;left:10px}.movie__release{font-size:16px;bottom:10px;left:10px}.movie__release--date{font-size:12px}}@media screen and (max-width: 430px){main{margin:0 20px}.hero__title{font-size:80px}.slider button{padding:5px 20px}.catalogue__item{width:60%}.catalogue__img{width:100%;height:auto}.catalogue-hero__title{font-size:30px}}