.menu-btn{position:relative;display:none;justify-content:center;align-items:center;width:30px;height:10px;cursor:pointer}.menu-btn__burger,.menu-btn__burger:after,.menu-btn__burger:before{width:30px;height:3px;background:#000;border-radius:5px}.menu-btn__burger:after,.menu-btn__burger:before{content:"";position:absolute}.menu-btn__burger:before{transform:translateY(-16px)}.menu-btn__burger:after{transform:translateY(16px)}.menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger:before{transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger:after{transform:rotate(-45deg) translate(35px,35px)}@media (max-width:1000px){.menu-btn{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer}}.App-header{position:absolute;top:0;height:200px;width:100%;z-index:400}.logo__container{height:100%;transform:translate(1.5vw,4vh);width:50vw;mix-blend-mode:difference;background-blend-mode:darken,luminosity}.logo__container h3{mix-blend-mode:difference;transition:.5s;color:#fff}.profilePicture__container{max-height:30px;max-width:30px;height:100%;width:100%;border-radius:50px;overflow:hidden;background-color:#fff;outline:2px solid #000}.profilePicture__container img{height:100%;width:100%;object-fit:cover;color:#000}.textPlaylistHeader{color:#000;text-shadow:unset;font-weight:700}@media (max-width:1000px){.logo__container h3{color:#000}.logo__container{height:100%;transform:translate(30px,4vh);width:50vw;mix-blend-mode:difference;background-blend-mode:darken,luminosity}}.sideMenu__main--container{position:absolute;left:2vw;top:20vh;transform:rotate(180deg);writing-mode:vertical-lr;height:67vh;width:50px;z-index:300}.sideMenu__main--container>ul{list-style:none;display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:0;margin-bottom:0;gap:3%}.sideMenu__main--container>ul>li{cursor:pointer}.activeLink{border-left:2px solid #fff}@media (max-width:1000px){.sideMenu__main--container{position:absolute;left:0;top:0;transform:rotate(180deg);writing-mode:vertical-lr;height:100vh;width:30px;z-index:300;background-color:#fff}.sideMenu__main--container>ul{list-style:none;display:flex;justify-content:center;align-items:center;width:100%;margin:0!important;padding:0!important;gap:5%}.sideMenu__main--container>ul>li{font-weight:bolder}}.imagesCarousel__container{position:relative;min-height:200px;max-width:100vw}.imagesCarousel__container>ul{padding-top:1%;margin-top:1%;padding-right:40vw;padding-left:40vw;position:relative;list-style:none;display:flex;max-width:100vw;height:80vh;gap:2vw}.carrousel__item--movie{width:30vw!important;height:100%}.react-multiple-carousel__arrow{display:none}.imageContainer{width:30vw!important;height:100%;overflow:hidden;cursor:pointer}.imageContainer img{height:100%;width:100%;object-fit:cover;border-radius:15px;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sliderDot__list--class{position:absolute;display:flex;top:93.4vh;left:8.6vw;z-index:1000;width:23vw;justify-content:space-between;align-items:center;list-style:none;gap:1vw;opacity:100%;animation-name:buttonsIn;animation-duration:10s}@keyframes buttonsIn{0%{opacity:0}to{opacity:100%}}.carrousel__left--arrow{left:6.6vw}.carrousel__left--arrow,.carrousel__right--arrow{position:absolute;top:82vh;z-index:9000;cursor:pointer;font-size:3rem}.carrousel__right--arrow{left:34vw}.borderImage{border:3px solid var(--lightBlue);transition:.2s}@media (max-width:1000px){.sliderDot__list--class{display:none}.carrousel__item--movie,.imageContainer{width:50vw!important}.imagesCarousel__container>ul{gap:0;padding-right:100vw;padding-left:30px}.imageContainer img{border-radius:0}.imagesCarousel__container{position:relative;min-height:unset;max-width:unset}}#MainBackground{position:absolute;width:100%;height:100%;display:block;z-index:-100}#MainBackground canvas{position:absolute;width:inherit;height:inherit;display:block}.modal-backdrop{z-index:unset!important}.offcanvas{background-color:unset!important;overflow:hidden}.offcanvas-body{overflow-y:hidden!important}.btn__close{position:absolute;left:2vw;top:4vh}.offCanvasMediaList__main--container{background-color:hsla(0,0%,6%,.603);min-width:40vw;border-radius:0 40px 40px 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px)}.offCanvasMediaList__body{overflow-y:scroll;height:100%}.offCanvasMediaList__body::-webkit-scrollbar{width:7px;background-color:transparent}.offCanvasMediaList__body::-webkit-scrollbar-thumb{width:7px;border-radius:10px;background-color:var(--pureBlack)}.offCanvasMediaList__item{cursor:pointer;min-height:70px;transition:.5s}.offCanvasMediaList__item:hover{background-color:#000;min-height:100px;transition:.5s}.picture__miniature{width:50px;height:100%}.picture__miniature img{width:100%;height:100%;object-fit:cover}@media (max-width:1000px){.offCanvasMediaList__item h5{font-size:1rem;font-weight:bolder;color:#fff}.offCanvasMediaList__item p{font-size:.8rem;font-weight:bolder}.offCanvasMediaList__main--container{background-color:#0f0f0f}}.MainBackground{display:flex;width:100vw;height:100vh}.home__main--section{width:100%;padding-top:80px}.info__main--section{position:absolute;left:0;width:50vw;height:100%;padding-left:6vw;padding-right:4vw;z-index:100;padding-top:6vh}.imageSlider__section{width:100vw;overflow:hidden}.blur__images{position:absolute;left:0;height:100vh;width:50vw;background-image:linear-gradient(90deg,#000,rgba(0,0,0,.739),transparent);z-index:50}.loadingButtom{background-color:transparent;border:0;mix-blend-mode:difference;min-width:170px;width:10vw;padding:10px 10px 10px 0;color:var(--lightBlue);font-weight:bolder}.loadingButtom,.loadingButtom:hover{text-align:center;transition:all .5s}.loadingButtom:hover{background-color:var(--transparentLowGray);color:#fff;mix-blend-mode:unset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);font-size:1.2rem}@media (max-width:1000px){.home__main--section{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding-top:0}.info__main--section{position:relative;padding-left:12vw;padding-right:4vw;z-index:100;padding-top:10vh}.imageSlider__section,.info__main--section{width:100%;height:100%}.blur__images{display:none}.loadingButtom{background-color:transparent;border:0;mix-blend-mode:difference;min-width:170px;width:10vw;text-align:start;padding:0;color:var(--lightBlue);font-weight:bolder;transition:all .5s}}