.navbar{height:3rem;background-color:#102a42;box-shadow:1px 5px 15px rgba(0,0,0,.4);width:100vw;z-index:10}.navbar,.navbar .nav-center{display:flex;align-items:center}.navbar .nav-center{width:85vw;max-width:1170px;margin:0 auto;justify-content:space-between}.navbar .nav-center .nav-logo{width:8rem}.links li{display:inline}.links li a{padding:.5rem .75rem;display:inline-block;font-size:1rem;color:#f1f5f8;transition:color .3s ease}.links li a:hover{color:#f9da8b}@media screen and (max-width:800px){.nav-center{width:95vw}}@media screen and (max-width:400px){.nav-logo{content:url(/static/media/moviedblogoSmall.bb8aa703.svg);width:4rem!important}.nav-logo .links a{padding:.25rem .4rem}}.about-section{background-color:#fffaeb}.about-section .about-content{max-width:85vw;margin:0 auto}.about-section .about-content h2{text-align:center;padding:3rem 3rem 2rem}.about-section .about-content h4{text-align:center}@media screen and (max-width:800px){.about-content h2{padding:1rem}}.error-section{background-color:#fffaeb}.error-section .error-container{min-height:calc(100vh - 6rem);max-height:100%;width:85vw;max-width:1170px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.error-content{flex-basis:40%;padding:1rem 0}.error-content h3{padding:1rem 0 3rem}.error-content p{padding-bottom:2rem;color:#617d98}.error-btn{border-radius:.3rem;border:none;padding:.7rem;color:#243a52;font-weight:700;text-transform:capitalize;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s linear;background-color:#91b3f0}.error-btn:hover{cursor:pointer;box-shadow:1px 5px 15px rgba(0,0,0,.4);background-color:#e9b949;color:#102a42}.error-image-container{padding:1rem 0}.error-image-container img{width:100%}@media screen and (max-width:800px){.error-container{flex-direction:column-reverse;justify-content:space-around}.error-content{flex-basis:20%;text-align:center}.error-content h2,.error-content h3{padding:1rem}.error-content p{display:none}}main{background-color:#fffaeb}header{height:3rem;display:flex;align-items:center;justify-content:center}header form{margin:.5rem 1rem;width:50%}header form input{padding:.5rem;border-radius:3rem;width:100%;outline:none;background-color:#324d67;border:.2rem solid #102a42;color:#f1f5f8;box-shadow:0 5px 15px rgba(0,0,0,.1)}header form input::-webkit-input-placeholder{color:#9eb2c7}header form input::placeholder{color:#9eb2c7}header form input:hover{box-shadow:1px 5px 15px rgba(0,0,0,.4)}@media screen and (max-width:800px){form{width:100%}}.movies-container{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;padding-bottom:1rem}.movies-container.no-movie{display:flex;flex-direction:column;justify-content:center;align-items:center}.movies-container.no-movie .title{margin:3rem 0 1rem;text-shadow:1px 5px 15px rgba(0,0,0,.2);text-align:center}.loading-section{display:flex;align-items:center;justify-content:center}.lds-ellipsis{position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;width:13px;height:13px;border-radius:50%;background:#617d98;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.movie{width:200px;max-height:100%;margin:1rem;background-color:#324d67;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;overflow:hidden}.movie,.movie img{border-radius:1rem}.movie img{width:100%;padding:.3rem}.movie:hover{box-shadow:1px 5px 15px rgba(0,0,0,.4)}.movie:hover .movie-summary{-webkit-transform:translateY(0);transform:translateY(0)}.movie-info{color:#f1f5f8;padding:.5rem .5rem 1rem;display:flex;justify-content:space-between;align-items:center}.movie-info h4{margin-top:0;font-size:.8rem;text-transform:capitalize;line-height:1rem;letter-spacing:.1rem}.movie-info .movie-rate{font-weight:700;font-size:.8rem;border-radius:3px;padding:.25rem .5rem;background-color:#243a52}.movie-info .movie-rate.green{color:#adff2f}.movie-info .movie-rate.orange{color:orange}.movie-info .movie-rate.red{color:red}.movie-summary{position:absolute;left:0;right:0;bottom:0;color:#102a42;background-color:#f1f5f8;padding:.5rem;-webkit-transform:translateY(101%);transform:translateY(101%);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;max-height:100%}@media screen and (max-width:800px){.movie{margin:.2rem}}@media screen and (max-width:400px){.movie{width:45%;max-height:100%}}.pagination-container{background-color:#fffaeb;margin:1rem auto}.pagination-container,footer{display:flex;justify-content:center;text-align:center}footer{text-transform:capitalize;letter-spacing:.25rem;height:3rem;background-color:#102a42;color:#9eb2c7;align-items:center;width:100vw;line-height:1rem}footer a{text-decoration:none;color:#f9da8b}@media screen and (max-width:800px){footer{letter-spacing:.1rem}}.singleMovie-section{max-width:1170px;width:85vw}.singleMovie-container{position:relative;margin:0 auto;min-height:100%;display:flex;flex-direction:row;justify-content:center;padding-top:1rem}.poster-container{margin-right:1rem;height:100%}.poster-container img{border-radius:.3rem;margin-bottom:1rem}.poster-container .unavailable-image{border:.2rem solid #d9d9d9}.info-container{flex:0 1 60%}.info-container .header{background-color:#fceec5;border-radius:.3rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem;position:relative}.info-container .header .title{margin-bottom:1.5rem}.info-container .header .release-date{position:absolute;bottom:1rem;left:1rem}.rating-container{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#e9b949;border-radius:.3rem;padding:.5rem}.rating-container .rating{font-weight:lighter}.rating-container .rating span{font-weight:700}.genres-container{margin-bottom:.5rem;display:flex;flex-wrap:wrap}.genres-container .genres{background-color:#fceec5;border:.1rem solid #e9b949;border-radius:1rem;margin:.25rem;padding:.25rem .5rem}.info-container .overviwe{background-color:#fceec5;margin-bottom:.5rem;width:100%;border-radius:.3rem;padding:.25rem .5rem;font-weight:lighter;line-height:1.7rem;text-align:justify;text-justify:inter-word}.youtube-btn{width:100%;margin:.25rem 0 1rem!important}@media screen and (max-width:800px){.singleMovie-section{width:95vw}.singleMovie-container{flex-direction:column}.poster-container{margin-right:0}}*,:after,:before{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;color:#102a42;background-color:#fff;line-height:1.5rem;font-size:.875rem;overflow-x:hidden;min-width:100vw}ul{list-style-type:none}a{text-decoration:none}img:not(.nav-logo){width:100%;display:block}h1,h2,h3,h4{text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{max-width:1170px;margin:0 auto;min-height:calc(100vh - 6rem);width:100vw}.alice-carousel__wrapper{width:50vw!important}.alice-carousel,.alice-carousel__wrapper{background-color:#fceec5;border-radius:.3rem}.alice-carousel{margin-bottom:.5rem}.carousel-item{padding:10px}.carousel-img{border-radius:.3rem;margin-bottom:5px;box-shadow:0 5px 15px rgba(0,0,0,.1)}@media screen and (max-width:800px){.alice-carousel__wrapper{width:100%!important}}
/*# sourceMappingURL=main.a0805d60.chunk.css.map */