@import url(https://fonts.googleapis.com/css2?family=Arsenal:ital@1&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arsenal,sans-serif;font-size:large;margin:0;padding:0}.whole-banner{box-shadow:0 3px 5px 0 rgba(0,0,0,.75)}@media screen and (max-width:1299px){#overview{display:none}}.header{align-items:center;background-color:#212121;border-bottom:2px solid gray;color:#fff;display:flex;height:6rem;justify-content:center;position:relative;width:100%}.button-container{left:1rem;position:absolute}.back-button{background-color:transparent;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.2rem;transition:background-color .3s;width:2rem}.back-button:hover{background-color:hsla(0,0%,100%,.1)}.header-img{margin-bottom:1rem;width:250px}span{align-items:center;display:flex;justify-content:center}@media(max-width:768px){.header{height:4rem}.header-img{width:200px}.back-button{padding:.2rem .5rem}}.moviecards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.moviecards .card{border:2px solid #000;border-radius:25px;height:450px;width:300px}.card:hover{box-shadow:20px 20px 0 0 rgba(0,0,0,.8);-webkit-transform:scale(1.03);transform:scale(1.03);transition-timing-function:ease-in-out}.card-title{align-items:center;color:#fff;display:flex;justify-content:center;margin:.5rem}.movie-cards-info{background-color:#2d2d2d;border-radius:25px;box-shadow:0 5px 5px 0 rgba(0,0,0,.75);margin:1rem;width:300px}.upcoming-movies{margin-left:3rem}.searchBar{display:flex;justify-content:center;padding:0 60px;width:100%}.searchBar .input{background-color:#2d2d2d;border:none;border-radius:15px;box-shadow:0 3px 5px 0 rgba(0,0,0,.75);color:#fff;font-size:1rem;font-weight:700;margin:.7rem;outline:none;padding:20px;width:75%}.footer{color:#777;font-size:.8rem;padding:1rem 0;text-align:center}.footer .button{align-items:center;background-color:initial;background-image:linear-gradient(#464d55,#25292e);border-radius:8px;border-width:0;box-shadow:0 10px 20px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.05);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-family:expo-brand-demi,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;height:52px;justify-content:center;line-height:1;margin:0;outline:none;overflow:hidden;padding:0 32px;text-align:center;text-decoration:none;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap;width:250px}.footer .button:hover{box-shadow:0 2px 8px rgba(0,1,0,.2);opacity:.85}.footer .button:active{outline:0}.footer .button:focus{box-shadow:0 0 0 3px rgba(0,0,0,.5)}@media(max-width:420px){.footer .button-84{height:48px}}.loadingOverlay{background-color:hsla(0,0%,97%,.5);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.loaderWrapper{height:100%;position:relative}@-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)}}.spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;bottom:0;height:50px;left:0;margin:auto;position:absolute;right:0;top:0;width:50px}.trailer-iframe{border-radius:25px;box-shadow:5px 5px 4px 1px rgba(0,0,0,.4);height:300px;width:650px}@media screen and (max-width:1427px){.trailer-iframe{height:300px;width:550px}}@media screen and (max-width:1129px){#trailer-iframe{height:250px;width:450px}}@media screen and (max-width:1015px){#trailer-iframe{height:230px;width:350px}}@media screen and (max-width:815px){#trailer-iframe{height:200px;width:300px}}.movie-cards-details{border-radius:15px;padding:1rem}.movie-cards-details,.movie-cards-details-h3{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(37,27,27,.14);box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:5px 5px 4px 1px rgba(0,0,0,.4);color:#f0f8ff}.movie-cards-details-h3{align-items:center;border-radius:25px;display:flex;flex-direction:column;font-size:1rem;font-weight:700;padding:15px;width:400px}.movie-cast{display:flex;flex-wrap:wrap;justify-content:space-evenly}.movie-cast .cast-img{border:2px solid #000;border-radius:25px;height:450px;width:300px}.cast-name{align-content:center;align-items:center;color:#f0f8ff;display:flex;flex-direction:column;font-weight:700;padding:10px}.cast-div{background-color:#2d2d2d;border-radius:25px;box-shadow:0 3px 5px 0 rgba(0,0,0,.75);margin:.5rem;width:300px}.trailer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:2rem;width:100%}.container-details{background:no-repeat 50%;background-size:cover;box-shadow:0 3px 5px 0 rgba(0,0,0,.75);margin-bottom:.7rem;padding:2rem 8rem}.cast-movie{align-items:center;display:flex;justify-content:center;padding:.5rem;text-decoration:underline}@media screen and (max-width:1427px){.movie-cards-details-h3{width:300px}.movie-cast .cast-img{height:350px;width:250px}.cast-div{width:250px}.container-details{padding-left:5rem;padding-right:5rem}}@media screen and (max-width:1015px){.movie-cards-details-h3{font-size:15px;width:200px}.movie-cast .cast-img{height:350px;width:250px}.cast-div{width:250px}.container-details{padding-left:5rem;padding-right:5rem}}@media screen and (max-width:815px){#movie-cards-details{font-size:1rem}.movie-cards-details-h3{font-size:12px;width:175px}.movie-cast .cast-img{height:350px;width:250px}.cast-div{width:250px}.container-details{padding-left:3rem;padding-right:3rem}}@media screen and (max-width:750px){.trailer{flex-direction:column;padding:.5rem}.movie-cards-details-h3{font-size:20px;width:250px}.movie-cast .cast-img{height:350px;width:250px}.cast-div{width:250px}.container-details{padding-left:3rem;padding-right:3rem}}
/*# sourceMappingURL=main.6ce508f4.css.map*/