@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);:root{--font-base:"Open Sans",sans-serif;--color-black:#141414;--color-white:#e5e5e5;--color-gray:grey}*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}a{color:inherit;text-decoration:none}body{background:#141414;background:var(--color-black)}.p__opensans{font-size:20px;font-weight:500;line-height:22px}.headtext__opensans,.p__opensans{color:var(--color-white);font-family:var(--font-base);text-transform:capitalize}.headtext__opensans{font-size:35px;font-weight:400;line-height:42px}.app__bg{background:var(--color-black)}.flex__center{align-items:center;display:flex;justify-content:center}.button{background:none;border:none;font-size:18px;outline:none;padding:10px 30px;text-transform:uppercase;transition:.5 ease}@media screen and (max-width:1600px){.p__opensans{font-size:16px;line-height:22px}}@media screen and (max-width:1150px){.p__opensans{font-size:16px;line-height:20px}.headtext__opensans{font-size:30px;line-height:37px}}@media screen and (max-width:850px){.p__opensans{font-size:14px;line-height:18px}.headtext__opensans{font-size:25px;line-height:32px}}@media screen and (max-width:650px){.p__opensans{font-size:14px;line-height:16px}.headtext__opensans{font-size:23px;line-height:30px}}.app__navbar{flex-direction:row;height:82px;padding:1rem 2rem;width:100%}.app__navbar,.app__navbar-logolink{align-items:center;display:flex;justify-content:space-between}.app__navbar-logolink_logo{flex:1 1}.app__navbar-logolink_logo img{background:var(--color-black);height:67px;object-fit:contain;width:147px}.app__navbar-logolink_links{align-items:center;display:flex;justify-content:center;list-style:none;margin-left:3rem}.app__navbar-logolink_links li{margin:0 1rem;transition:.5s ease}.app__navbar-logolink_links li:hover{color:var(--color-gray)}.app__navbar-search{align-items:center;display:flex;justify-content:center}.app__navbar-search p,.app__navbar-search svg{cursor:pointer;margin:0 1rem}.app__navbar-search svg:last-child{margin-left:.5rem}.app__navbar-search img{height:32px;margin-left:1rem;object-fit:contain;width:32px}.app__navbar-smallscreen{display:none}.app__navbar-smallscreen svg:first-child{margin:0 .5rem}.app__navbar-smallscreen svg:hover{cursor:pointer}.app__navbar-smallscreen_overlay{background:var(--color-black);height:100vh;left:0;position:fixed;top:0;transition:.5s ease;width:100%;z-index:5}.app__navbar-smallscreen_overlay .crossmark{cursor:pointer;position:absolute;right:25px;top:20px}.app__navbar-smallscreen_links{list-style:none}.app__navbar-smallscreen_links li{cursor:pointer;font-family:var(--font-base);font-size:2rem;margin:2rem;text-align:center}.app__navbar-smallscreen_links li:hover{color:var(--color-gray)}.app__navbar-logolink_dropdown{display:none;margin-right:1rem;position:relative}.app__navbar-logolink_dropdown p:first-child:hover{color:var(--color-gray);cursor:pointer;transition:.5s ease}.app__navbar-logolink_dropdown p:first-child svg{margin-left:.25rem}.app__navbar-logolink_dropdown-links{-webkit-animation:fade-in-out .5s ease-in-out;animation:fade-in-out .5s ease-in-out;background:rgba(0,0,0,.9);left:0;list-style:none;margin-top:.8rem;padding:8px;position:absolute;top:60%;width:100%;z-index:10}.app__navbar-logolink_dropdown-links li{margin-bottom:10px}.app__navbar-logolink_dropdown-links li:hover{cursor:pointer}.app__navbar-logolink_dropdown-links li img{height:28px;margin-right:.4rem;object-fit:contain;width:28px}@-webkit-keyframes fade-in-out{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out{0%{opacity:0}to{opacity:1}}@media screen and (max-width:2000px){.app__navbar-logolink_logo img{width:160px}}@media screen and (max-width:1150px){.app__navbar-logolink_links{display:none}.app__navbar-logolink_dropdown,.app__navbar-smallscreen{display:flex}.app__navbar-search{display:none}}@media screen and (max-width:650px){.app__navbar{height:80px;padding:1rem 1.5rem}.app__navbar-logolink_logo img{height:55px;width:100px}.app__navbar-smallscreen_links li{font-size:1.5rem;margin:1.5rem}.app__navbar-search{display:none}}.app__movierow{background:var(--color-black);padding:20px;position:relative;width:100%}.app__movierow-homepage{background:none;padding:10px 20px 0}.display__toprow{display:none}.app__movierow h2{margin:1rem 0}.app__movierow-content{-ms-overflow-style:none;margin-bottom:.5rem;overflow-x:scroll;overflow-y:hidden}.app__movierow-content::-webkit-scrollbar{display:none}.app__movierow-imageslist{align-items:center;display:flex}.app__movierow-image{cursor:pointer;height:140px;margin-right:1rem;object-fit:contain;opacity:.8;width:250px}.app__movierow-image:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.large__image{height:450px;width:285px}.arrow__right{right:20px}.arrow__left,.arrow__right{cursor:pointer;position:absolute;top:60%}.arrow__left{left:20px}.row__title{font-size:30px;font-weight:500;line-height:33.2px}@media screen and (max-width:2000px){.app__movierow-image{height:200px;width:300px}.large__image{height:550px}.arrow__left,.arrow__right{font-size:40px}}@media screen and (max-width:1600px){.app__movierow-image{height:125px}.large__image{height:400px}}@media screen and (max-width:1150px){.app__movierow{width:100%}.app__movierow-image{height:120px}.row__title{font-size:23px;font-weight:500;line-height:29.2px}.large__image{height:300px}}@media screen and (max-width:850px){.display__toprow{display:block}.app__movierow{width:100%}.app__movierow-image{height:100px}.large__image{height:270px}.row__title{font-size:21px;font-weight:500;line-height:26.2px}.arrow__left,.arrow__right{font-size:28px}}@media screen and (max-width:650px){.app__movierow{padding:15px;width:100%}.app__movierow-image{height:80px}.large__image{height:200px}.row__title{font-size:19.7px;font-weight:500;line-height:24.2px}}@media screen and (max-width:500px){.app__movierow{width:100%}.app__movierow-image{height:70px}.large__image{height:175px}.row__title{font-size:18px;font-weight:500;line-height:21.2px}.arrow__left,.arrow__right{font-size:25px}}.app__profiles{align-items:center;background:var(--color-black);display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.profile-title{margin:1rem 0;text-align:center}.app__profiles img{cursor:pointer;height:150px;object-fit:contain;width:150px}.app__profiles img:hover{box-shadow:0 0 5px 0 var(--color-white)}.app__profiles-users{padding:1rem}.app__profiles-users,.app__profiles-users_list{align-items:center;display:flex;justify-content:center}.app__profiles-users_list{flex-direction:column;margin:1rem 2rem 1rem 0}.app__profiles-users_list p{margin:1rem 0}.app__profiles-users_list svg{cursor:pointer;height:120px;width:120px}.app__profiles-users_list svg:hover{box-shadow:0 0 5px 0 var(--color-gray)}.profile__button{background:var(--color-black);border:1px solid var(--color-gray);color:var(--color-gray)}.profile__button:hover{box-shadow:0 0 5px 0 var(--color-gray);cursor:pointer}.app__profile-netflix-logo{left:30px;position:absolute;top:15px}.app__profile-netflix-logo img{height:68px;width:110px}@media screen and (min-width:2000px){.app__profile-netflix-logo img{height:80px;width:140px}}@media screen and (max-width:1100px){.app__profile-netflix-logo img{height:58px;width:100px}.app__profiles img{height:120px;width:120px}.app__profiles-users_list svg{height:90px;width:90px}.profile__button{padding:5px 15px}}@media screen and (max-width:850px){.app__profiles img{height:100px;width:100px}.app__profiles-users_list svg{height:70px;width:70px}.profile__button{padding:4px 12px}}@media screen and (max-width:750px){.app__profiles-users{flex-wrap:wrap}}@media screen and (max-width:500px){.app__profiles img{height:70px;width:70px}.app__profiles-users_list svg{height:40px;width:40px}.profile__button{padding:2px 8px}.profile-title{margin-top:2rem}.app__profiles-users{padding:.5rem}}.app__footer{padding:10px 300px;width:100%}.app__footer-icons{margin:1rem 0}.app__footer-icons svg{margin-right:1rem}.app__footer-icons svg:hover{box-shadow:0 0 5px 0 var(--color-gray);cursor:pointer}.app__footer-links{grid-column-gap:80px;-webkit-column-gap:80px;column-gap:80px;display:grid;grid-template-columns:repeat(4,1fr)}.app__footer-links_list p{height:20px;margin-bottom:1rem;width:160px}.app__footer-links_list p:hover{cursor:pointer}.footer__button{border:1px solid var(--color-gray);color:var(--color-gray);font-size:13px;margin-bottom:1rem;outline:none;padding:10px 15px}.footer__button:hover{box-shadow:0 0 5px 0 var(--color-gray);cursor:pointer}.p__footer{color:var(--color-gray);font-family:var(--font-base);font-size:13px;font-weight:400;line-height:17px}.footer{margin-bottom:1rem}.footer p{color:var(--color-gray);font-family:var(--font-base);font-size:13px;font-weight:300;line-height:15px}@media screen and (max-width:1150px){.app__footer{padding:10px 150px;width:100%}.app__footer-links{-webkit-column-gap:40px;column-gap:40px}}@media screen and (max-width:950px){.app__footer{padding:10px 100px;width:100%}.app__footer-links{-webkit-column-gap:40px;column-gap:40px}.p__footer{font-size:11px;line-height:13.6px}.footer p{font-size:11px;line-height:12px}.footer__button{padding:7px 12px}}@media screen and (max-width:850px){.app__footer{width:100%}.app__footer-links{grid-template-columns:repeat(2,1fr);row-gap:25px}}@media screen and (max-width:500px){.app__footer{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.app__footer-links{grid-template-columns:repeat(1,1fr);row-gap:25px}.footer__button{font-size:10px;padding:5px 8px}}.app__moviepic{position:relative}.app__moviepic-gradient{background:linear-gradient(90deg,#000,transparent);height:100%;position:absolute;width:100%}.app__moviepic img{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;max-width:100%;object-fit:contain;width:100%}.app__moviepic-content{align-items:flex-start;background:rgba(0,0,0,.5);border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:center;left:50px;padding:10px 20px;position:absolute;top:140px;width:650px}.movie-title{-webkit-line-clamp:2;font-size:40px;font-weight:700;line-height:60px;text-align:center;text-transform:uppercase}.movie-info,.movie-title{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:1rem;max-width:700px;overflow:hidden}.movie-info{-webkit-line-clamp:3;font-size:20px;font-weight:400;line-height:26px;word-break:keep-all;word-spacing:.05em}.button-play{background:var(--color-white);border-radius:4px;margin-right:1rem;padding:8px 30px;text-transform:capitalize}.button-play:hover{box-shadow:0 0 5px 0 var(--color-white);cursor:pointer}.button-moreinfo{background:hsla(0,0%,100%,.3);border-radius:4px;color:var(--color-white);padding:8px 30px;text-transform:capitalize}.button-moreinfo:hover{box-shadow:0 0 5px 0 var(--color-white);cursor:pointer}.mr-1{margin:.5rem}.app__moviepic-movierow{position:absolute;top:65%}@media screen and (max-width:2000px){.app__moviepic-content{padding:20px 30px;width:750px}.movie-title{font-size:60px;line-height:68px;margin-bottom:2rem}.movie-info{font-size:25px;line-height:32px;margin-bottom:2rem;word-spacing:.06em}.button-moreinfo,.button-play{font-size:22px;padding:10px 32px}button svg{font-size:25px}}@media screen and (max-width:1600px){.app__moviepic-content{padding:8px 18px;top:100px;width:600px}.movie-title{font-size:35px;line-height:55px}.movie-info{font-size:19px;line-height:23px}}@media screen and (max-width:1150px){.app__moviepic-content{padding:7px 17px;width:500px}.movie-title{font-size:35px;line-height:50px;margin-bottom:.8rem}.movie-info{font-size:18px;line-height:22px;margin-bottom:.8rem;word-spacing:.05em}.button-moreinfo,.button-play{font-size:18px;padding:5px 20px}button svg{font-size:18px}}@media screen and (max-width:1024px){.app__moviepic-content{padding:5px 15px;top:40px;width:375px}.movie-title{font-size:30px;margin-bottom:.5rem}.movie-info{-webkit-line-clamp:2;font-size:15px;margin-bottom:.8rem}.app__moviepic-movierow{top:53%}.button-moreinfo,.button-play{font-size:15px;padding:3px 14px}button svg{font-size:15px}}@media screen and (max-width:850px){.app__moviepic-movierow{display:none}}@media screen and (max-width:650px){.app__moviepic-content{left:30px;top:50px;width:300px}.movie-title{font-size:25px;margin-bottom:.3rem}.movie-info{-webkit-line-clamp:3;font-size:14px;margin-bottom:.8rem}.button-moreinfo,.button-play{font-size:15px;padding:2px 12px}}@media screen and (max-width:500px){.app__moviepic-content{left:10px;padding:2px 12px;top:45px;width:250px}.movie-title{font-size:20px;line-height:25px;margin-bottom:.2rem}.movie-info{-webkit-line-clamp:2;font-size:12px;line-height:20px;margin-bottom:.5rem}.button-moreinfo,.button-play{display:none}}
/*# sourceMappingURL=main.32dc7aa9.css.map*/