@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;transition:all .3s ease}body,section{overflow-x:hidden}li{list-style-type:none}a{text-decoration:none}.display-flex{display:flex}.display-none{display:none}.container{margin:0 24px}.deep-blue{color:#375e97}.orange-red{color:#fb6542}.yellow-orange{color:#fb0}.fa-video{color:#fb6542;margin-right:6px}.link__hover-effect{position:relative}.link__hover-effect:after{background-color:#375e97;bottom:-3px;content:"";height:3px;position:absolute;right:0;transition:all .3s ease;width:0}.link__hover-effect:hover:after{left:0;width:100%}.link__hover-effect--white:after{background-color:#fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide{0%{transform:translateY(150%)}to{transform:translateY(0)}}#home-page{min-height:100vh;position:relative}nav{align-items:center;animation:fade-in 1.2s ease;display:flex;height:96px;justify-content:center;margin:0 24px}.nav__content-wrapper{display:flex;justify-content:space-between;max-width:1100px;width:100%}.nav__logo,.nav__logo--white{align-items:center;display:flex;font-size:32px;font-weight:700;justify-content:center}.nav__logo{color:#375e97}.nav__logo--white{color:#fff}.nav__links{align-items:center;display:flex;justify-content:space-around}.nav__link,.nav__link--white{font-size:18px;font-weight:700;margin:0 12px}.nav__link{color:#242424}.nav__link:hover{color:#375e97}.nav__link--white{color:#fff}.nav__contact,.nav__contact--white{border-radius:50px;font-size:18px;font-weight:700;margin-left:24px;padding:12px 40px}.nav__contact{background-color:#375e97;color:#fff}.nav__contact:hover{background-color:#fb6542}.nav__contact--white{background-color:#fff;color:#375e97}.nav__contact--white:hover{background-color:#fb0;color:#fff}.nav__link--button{align-items:center;color:#375e97;display:none;font-size:32px;justify-content:center}.nav__button--white{color:#fff}.nav__link--button:hover{color:#fb6542}.nav__modal{align-items:center;animation:modal-slide .4s ease;background-color:#d3d3d3;border:3px solid #000;border-radius:24px;bottom:10%;justify-content:center;left:4%;position:fixed;right:4%;top:3%}.nav__modal--links{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;position:relative}.nav__modal--close{color:#000;font-size:32px;position:fixed;right:10%;top:7%}.nav__modal--close:hover{color:#375e97}header{animation:fade-in 1.2s ease;animation-delay:.6s;animation-fill-mode:both;justify-content:center}.header__content,header{align-items:center;display:flex;width:100%}.header__content{flex-direction:column;max-width:1100px;text-align:center}.header__title{font-size:50px;margin:24px 0}.header__sub-title{font-size:30px;margin-bottom:20px;margin-top:32px}.input__wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:12px;max-width:800px;width:100%}.search__input{border-color:#375e97;border-radius:16px;font-size:24px;height:70px;margin-right:24px;max-width:600px;padding:12px 24px;width:100%}.search__input:focus{border-color:#fb6542;outline:none}.search__btn{align-items:center;background-color:#375e97;border:none;border-radius:20px;display:flex;height:70px;justify-content:center;width:200px}.search__btn:hover{background-color:#fb6542}.home__search--icon{color:#fff;font-size:40px}.header__img--wrapper{align-items:center;display:flex;justify-content:center;margin-top:36px;width:40%}.header__img{width:100%}.modal{animation:modal-slide .4s ease;background-color:#375e97;border:3px solid #000;border-radius:24px;bottom:5%;left:5%;overflow:hidden;position:absolute;right:5%;top:5%;z-index:100}.modal__content{display:flex;flex-direction:column;margin:40px 24px;position:relative}.form-item__label,.modal__sub-title,.modal__title{color:#fff}.modal__title{font-size:32px;margin-bottom:40px;text-align:center}.modal__sub-title{margin-bottom:60px;text-align:center}.modal__form{align-items:center;display:flex;flex-direction:column}.modal__close-button{bottom:12px;color:#fff;font-size:32px;position:absolute;right:20px}.modal__close-button:hover{color:#fb0}.modal__close-button:after{color:#fb6542}.form__input,.form__textarea{background-color:#375e97;border:none;border-bottom:3px solid #fff;color:#fff;height:40px;outline:none;transition:all .3s ease;width:100%}.form__input:hover,.form__textarea:hover{border-color:#fb0}.form__input:focus,.form__textarea:focus{border-color:#fb6542}.form__textarea{height:100px;resize:vertical}.form-item{margin-bottom:60px;max-width:800px;width:100%}.form-item__label{font-size:18px;font-weight:700}.form__submit{align-items:center;background-color:#fff;border:2px solid #375e97;color:#375e97;display:flex;font-size:24px;font-weight:700;justify-content:center;max-width:300px;padding:12px 24px;width:50%}.form__submit:hover{background-color:#375e97;border-color:#fff;color:#fff}.form__submit:active{border-color:#fb6542;color:#fb6542}.search__header{position:relative}.header__background{background-image:url(/static/media/StockCake-Cinema%20Sunset%20Scene_1729648570.87310d02dacce963313b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-1}.header__background,.header__background:after{bottom:0;left:0;position:absolute;right:0;top:0}.header__background:after{background-color:#375e97;content:"";opacity:.7}.search__header--content{align-items:center;animation:fade-in 1.2s ease;animation-delay:.6s;animation-fill-mode:both;display:flex;flex-direction:column;justify-content:center}.search__header--title{color:#fff;font-size:45px;margin:32px 0}.search__header-input--wrapper{align-items:center;border-radius:50px;display:flex;justify-content:space-between;margin-bottom:56px;max-width:500px;overflow:hidden;position:relative;width:100%}.search__header-input{border:none;font-size:24px;height:60px;padding-left:20px;width:100%}.search__header-input:focus{outline:none}.find__movies-search--icon{font-size:32px;position:absolute;right:20px}.search__button{align-items:center;background-color:initial;border:none;color:#375e97;display:flex;font-size:40px;justify-content:center}.search__button:hover{color:#fb0}.loading__bar{background-color:#375e97;height:5px;opacity:.5;position:relative;width:100%}.loading__bar--highlight{background-color:#fb6542;height:100%;position:absolute;width:200px}.loading__bar--highlight-right{animation:loading-bar-right 1s linear infinite;left:-200px}.loading__bar--highlight-left{animation:loading-bar-left 1s linear infinite;right:-200px}@keyframes loading-bar-right{0{transform:translateX(0)}to{transform:translateX(120vw)}}@keyframes loading-bar-left{0{transform:translateX(0)}to{transform:translateX(-120vw)}}.search__container{align-items:center;animation:fade-in 1.2s ease;animation-delay:.6s;animation-fill-mode:both;display:flex;flex-direction:column;justify-content:start}.filter__row{align-items:center;display:flex;justify-content:space-between;margin:32px 0;max-width:600px;width:100%}.drop-down__wrapper{align-items:center;display:flex;flex-direction:column;text-align:center}.movie__filter{width:100%}.filter__title{color:#375e97;font-size:32px;font-weight:700}.drop-down__caption{color:#375e97;font-size:24px;margin-bottom:8px}.movie__filter{border:3px solid #375e97;border-radius:25px;font-size:16px;height:32px;text-align:center}.movie__filter:hover{border-color:#fb6542}.movie__filter:focus{outline:none}.result__row{align-items:center;justify-content:center;margin:32px 0}.movie__list,.result__row{display:flex;position:relative}.movie__list{align-items:flex-start;animation:fade-in 1.2s ease;animation-delay:.6s;animation-fill-mode:both;flex-wrap:wrap}.error__message{font-size:32px;margin-top:56px;text-align:center}.movie__wrapper{margin-bottom:32px;width:25%}.movie{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 48px}.movie__title{font-size:24px;margin-bottom:12px;text-align:center}.movie__release-date{font-size:20px;font-weight:700}.movie__img--wrapper{box-shadow:0 20px 80px 0 #00000073;margin-bottom:12px;overflow:hidden;width:75%}.movie:hover .movie__img--wrapper,.movie__title:hover .movie__img--wrapper{box-shadow:0 20px 80px 0 #fb6542}.movie:hover .movie__img,.movie__title:hover .movie__img{transform:scale(1.2)}.movie:hover .movie__title,.movie__title:hover .movie__title{transform:scale(1.1)}.movie__img,.movie__img--skeleton{align-items:center;display:flex;justify-content:center;width:100%}.movie__img--skeleton{background-color:gray;height:100px}.movie__title--skeleton{background-color:gray;height:12px;width:50%}.selected-movie__contaier{align-items:center;background-color:#d3d3d3;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.selected-movie{align-items:center;display:flex;margin:24px}.selected-movie__img--wrapper{align-items:center;display:flex;justify-content:center;margin-right:36px;width:40%}.selected-movie__img{max-height:500px;max-width:100%;width:auto}.selected-movie__info{display:flex;flex-direction:column;width:100%}.selected-movie__title{font-size:48px;margin-bottom:40px;text-align:center}.movie-detail{margin-bottom:20px}.selected-movie__plot{display:flex}.selected-movie__para{font-size:20px;margin-left:12px;max-width:800px}.selected-movie__back-btn{background:none;border:3px solid #000;border-radius:12px;font-size:20px;font-weight:700;left:20px;padding:8px;position:absolute;top:20px}.selected-movie__back-btn:hover{background-color:#fff;border-color:#375e97;color:#375e97}.selected-movie__back-btn:active{background-color:#fb6542}.selected-movie__img--skeleton{align-items:center;background-color:#375e97;display:flex;height:50vh;justify-content:center;width:50vw}.selected-movie__detail--skeleton{background-color:#375e97;height:20px;margin:2vh 0;width:100%}@media (max-width:768px){.header__title{font-size:40px}.header__sub-title{font-size:28px}.header__img--wrapper{width:50%}.movie__wrapper{width:33.33333%}.movie__title{font-size:20px}.result__overlay--loading{font-size:50px;top:-10%}.modal__title{font-size:24px;margin-bottom:20px}.modal__sub-title{font-size:20px}.selected-movie{flex-direction:column}.selected-movie__img--wrapper{margin-bottom:24px;margin-right:0}.selected-movie__info{margin:0 20px;text-align:center}.selected-movie__title{font-size:36px}.selected-movie__back-btn{margin-bottom:20px;position:static}.selected-movie__img--skeleton{height:30vh;width:50vw}}@media (max-width:660px){nav{margin-bottom:40px}.nav__content-wrapper{flex-direction:column}.nav__logo,.nav__logo--white{margin:32px 0}.nav__contact{margin:0}.header__title{font-size:32px}.header__sub-title{font-size:24px}.movie__wrapper{width:50%}.result__overlay--loading{font-size:80px;left:0;position:absolute;top:0}.search__header--content{margin:0 24px}.search__header--title{font-size:32px}.search__input{font-size:20px;height:56px}.search__btn{height:56px;width:150px}.home__search--icon{font-size:32px}}@media (max-width:480px){.nav__links{display:none}.nav__contact,.nav__link{font-size:40px}.nav__content-wrapper{flex-direction:row}.nav__link--button{display:flex}.modal__sub-title{margin-bottom:20px}.form-item{margin-bottom:12px}.form__submit{font-size:20px}.selected-movie__title{font-size:30px}.movie-detail{font-size:20px}}
/*# sourceMappingURL=main.e81b9b0d.css.map*/