@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}ul{list-style:none}:root{--ff-lato:"Lato",sans-serif;--fw-regular:300;--fw-medium:500;--fw-bold:700;--fs-h1:4.8rem;--fs-h2:4rem;--fs-h3:2.4rem;--fs-input:2rem;--fs-regular:1.6rem;--fs-small:1.3rem;--clr-blue-main-tint-01:#cadfe7;--clr-blue-main:#68a3bb;--clr-blue-dark-tint-01:#3e6075;--clr-blue-dark:#253946;--clr-blue-dark-shade-02:#1a2932;--clr-blue-light:#ccf6ff;--clr-orange-trans:rgbrgba(247,210,161,0);--clr-orange-trans-01:hsla(34,84%,80%,.1);--clr-orange:#ec9727;--clr-white:#f9fafb;--clr-gray-dark:#353b41;--br-small:4px;--br-regular:8px;--br-big:16px;--bs-small:hsla(210,8%,62%,.2) 0px 8px 24px;font-size:62.5%;scroll-behavior:smooth}.body,body{font-family:Lato,sans-serif;font-family:var(--ff-lato)}.body{--clr-body-primary:var(--clr-white);--clr-body-secondary:var(--clr-gray-dark);--clr-body-tertiary:var(--clr-blue-dark);background-color:var(--clr-body-primary);color:var(--clr-body-secondary);font-size:1.6rem;font-size:var(--fs-regular);position:relative;transition:all .2s ease-out}.body.dark{--clr-body-primary:var(--clr-blue-dark);--clr-body-secondary:var(--clr-white);--clr-body-tertiary:var(--clr-blue-light)}@media (min-width:800px){.body{display:grid;grid-template-columns:1fr 5fr}}a,a:visited{color:#000;text-decoration:none}h1,h2,h3{font-weight:700;font-weight:var(--fw-bold)}h1{font-size:4.8rem;font-size:var(--fs-h1)}h2{font-size:4rem;font-size:var(--fs-h2)}h2,h3{margin:.5em 0}h3{font-size:2.4rem;font-size:var(--fs-h3)}p{font-size:1.6rem;font-size:var(--fs-regular);font-weight:300;font-weight:var(--fw-regular);line-height:1.5}input{font-family:Lato,sans-serif;font-family:var(--ff-lato);font-size:2rem;font-size:var(--fs-input)}.container{min-height:100vh;padding:8.6rem 2rem 2.4rem;position:relative;scroll-behavior:smooth}@media (min-width:800px){.container{grid-column:2;height:100vh;overflow-y:scroll;padding:8.6rem 7.2rem 2.4rem}}.scroll-disabled{overflow:hidden}.header{--clr-header-primary:var(--clr-blue-main);--clr-header-secondary:var(--clr-blue-dark);background-color:var(--clr-header-primary);box-shadow:var(--bs-small);display:flex;height:6rem;justify-content:space-between;padding:.3em;position:fixed;transition:all .2s ease-out;width:100%;z-index:50}.header.dark{--clr-header-primary:var(--clr-blue-dark-tint-01);--clr-header-secondary:var(--clr-blue-light)}@media (min-width:800px){.header{justify-content:center;padding-left:40vw}}@media (min-width:1000px){.header{padding-left:20vw}}.header__btn-menu{background-color:unset;border:unset;color:var(--clr-header-secondary);cursor:pointer;padding:0 .5em}.header__search{align-items:center;display:flex}.header__search input{border:unset;border-radius:var(--br-small);padding:.3em;width:100%}.header__icon{font-size:2.4rem;margin:.4em}.header__search__icon{margin-left:0}.overlay{background-color:rgba(0,0,0,.6);overflow-y:hidden;width:100vw}.overlay,.side-menu{height:100vh;position:fixed;z-index:100}.side-menu{--clr-menu-primary:var(--clr-blue-main-tint-01);--clr-menu-secondary:var(--clr-blue-dark);--clr-logo-primary:var(--clr-blue-dark);--clr-logo-secondary:var(--clr-blue-light);background-color:var(--clr-menu-primary);box-shadow:var(--bs-regular);color:var(--clr-menu-secondary);opacity:0;overflow-y:scroll;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .4s ease-out;visibility:hidden;width:60vw}.side-menu--shown{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.side-menu.dark{--clr-menu-primary:var(--clr-blue-dark-shade-02);--clr-menu-secondary:var(--clr-blue-light);--clr-logo-primary:var(--clr-blue-main);--clr-logo-secondary:var(--clr-blue-dark)}.side-menu__logo{align-items:center;background-color:var(--clr-logo-primary);color:var(--clr-logo-secondary);display:flex;font-size:var(--fs-h3);font-weight:var(--fw-bold);height:6rem;justify-content:center;letter-spacing:1px;padding:.6em;text-align:center;text-shadow:2px 3px 5px rgba(0,0,0,.3),0 0 10px hsla(0,0%,100%,.2);width:100%}.side-menu__logo__icon{border-radius:50%;box-shadow:2px 3px 5px rgba(0,0,0,.3),0 0 10px hsla(0,0%,100%,.2);font-size:2.8rem;margin-left:.3em}.side-menu__filters{padding:0 1.3em}.side-menu__categories{border-bottom:1px solid var(--clr-body-tertiary)}.side-menu__title{color:var(--clr-menu-secondary);font-size:1.8rem;padding:1em 0}.side-menu__link{margin-bottom:1em;width:100%}@media (min-width:600px){.side-menu{grid-column:1;grid-row:1;width:40vw}}@media (min-width:800px){.side-menu{grid-column:1;grid-row:1/3;left:0;position:relative;width:30vw}}@media (min-width:1000px){.side-menu{width:20vw}}.filter-link{align-items:center;border-radius:.5em;display:flex;padding:.5em;transition:background-color .2s ease-out}.link__text{color:var(--clr-body-tertiary);font-size:var(--fs-regular)}.filter-link__logo{color:var(--clr-body-tertiary);font-size:2.6rem;margin-right:.8em}@media (-ms-high-contrast:none),(hover:hover){.filter-link:hover{background-color:var(--clr-orange-trans-01);outline:solid 1px var(--clr-orange)}}@media (min-width:800px){.movie-cards{grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.movie-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.movie-cards{grid-template-columns:repeat(4,1fr)}}.movie-cards{grid-gap:1em;display:grid;gap:1em;justify-content:center}.pagination{align-items:center;display:flex;justify-content:space-around}.pagination__number{color:var(--clr-body-secondary);font-size:var(--fs-h3);font-weight:var(--fw-bold);padding:.5em 1em}@media (min-width:800px){.movie-cards{gap:2em}}.hero{background-position:50%;background-size:cover;border-radius:var(--br-regular);box-shadow:var(--bs-regular);color:var(--clr-white);display:flex;flex-direction:column;height:75vh;justify-content:center;margin:0 auto 2em;object-fit:contain;overflow-x:hidden;padding:2.4rem;position:relative}.hero__title{border-bottom:3px solid var(--clr-orange);padding-bottom:.2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero__description,.hero__title{color:var(--clr-white);z-index:1}@media (min-width:1000px){.hero{padding:4.8em}}@media (min-width:1200px){.hero{padding:9.6em}}.no-image{align-items:center;background-color:var(--clr-body-tertiary);border-radius:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:.5;position:absolute;top:0;width:100%}.no-image__icon{color:var(--clr-body-primary);font-size:9.6rem}.no-image__text{color:var(--clr-body-primary);font-size:3.6rem;font-weight:var(--fw-medium);letter-spacing:1px;text-align:center}.loader-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:5px solid var(--clr-body-tertiary);border:5px solid var(--clr-body-tertiary);border-radius:50%;border-top-color:var(--clr-body-primary);height:80px;margin:0 auto;width:80px}.loader__text{color:var(--clr-body-tertiary);font-size:var(--fs-big);letter-spacing:1px;padding:.5em;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.movie-card{align-items:center;display:flex;flex-direction:column;margin:4.8rem 0;max-width:28rem}.movie-card__img__container{border-radius:var(--br-big);box-shadow:var(--bs-small);height:36rem;position:relative;width:24rem}.movie-card__img{border-radius:inherit}.movie-card__title{color:var(--clr-body-tertiary);margin-bottom:0;padding-bottom:.2em;text-align:center}.movie-card__rating{align-items:center;display:flex;justify-content:center}.rating__stars{margin-right:.5em}.rating-number,.rating__star{color:var(--clr-body-tertiary)}.rating__star{font-size:2rem;margin:.1em}.rating-number{font-weight:var(--fw-bold)}.not-found{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;text-align:center}.not-found__logo{font-size:6.4rem}.nav-btn{align-items:center;background-color:var(--clr-body-primary);border:1px solid var(--clr-body-tertiary);border-radius:50%;color:var(--clr-body-tertiary);cursor:pointer;display:flex;font-family:var(--ff-open-sans);font-size:3rem;justify-content:center;padding:.5em}.nav-btn:disabled{cursor:auto;opacity:.2;pointer-events:none}.movie-card__container{display:flex;justify-content:center}.movie-detail__tagline{font-size:var(--fs-h3);font-weight:var(--fw-medium);margin-bottom:1em;text-align:center}.movie-detail__genres{flex-wrap:wrap;justify-content:space-around;padding:1.6em 0}.movie-detail__runtime{font-weight:var(--fw-medium);text-align:center}.movie-detail__genres{display:flex;flex-direction:column;gap:1em}.movie-detail__section{margin-bottom:3em}.top-cast__profiles{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);justify-content:center}.profile__img{max-height:30rem;max-width:14rem}.profile__character,.profile__name{text-align:center}@media (min-width:500px){.top-cast__profiles{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}.top-cast__profile{display:flex;flex-direction:column;place-items:center}.profile__img{border-radius:var(--br-big);height:14rem;object-fit:cover;width:10rem}@media (min-width:800px){.profile__img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.profile__name{font-weight:var(--fw-medium);padding:.5em}.profile__character{font-size:var(--fs-regular)}.movie-detail__tags{display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.link-tag{border:1px solid var(--clr-blue-main);border-radius:var(--br-small);cursor:pointer;font-size:var(--fs-regular);margin-bottom:1em;padding:.3em .7em}.link-tag,.link-tag__icon{align-items:center;display:flex;justify-content:center}.link-tag__icon{color:var(--clr-blue-main);margin-right:.5em}.link-tag__text{color:var(--clr-body-tertiary)}@media (-ms-high-contrast:none),(hover:hover){.link-tag:hover{background-color:var(--clr-orange-trans-01);border:1px solid var(--clr-orange)}}.actor__img{border-radius:var(--br-big);box-shadow:var(--bs-regular);margin:0 auto 3em;max-height:50vh}.actor__birthday{font-size:var(--fs-regular);font-weight:var(--fw-medium);margin-bottom:1em}.actor__bio{margin-bottom:2em}.actor__tags{display:flex;gap:1em;justify-content:center;margin-bottom:3em}
/*# sourceMappingURL=main.bda38fe2.css.map*/