@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}body{opacity:1;transition:none}body.loaded{opacity:1}.container{padding:24px 0}.row{width:100%;max-width:1100px;margin:0 auto;padding:0 12px}h1{font-size:64px;font-weight:700;margin-bottom:16px;color:#c8ac11}.gold{color:#c8ac11}li{list-style-type:none;text-decoration:none}.links{display:flex;justify-content:center;align-items:center}.link{position:relative;font-size:16px;font-weight:700;margin-right:48px;text-decoration:none;color:#fff}.link:hover:after,.menu__link:hover:after{transform:scaleX(1)}.link:after,.menu__link:after{content:"";position:absolute;left:0;bottom:-6px;height:4px;width:100%;background-color:#c8ac11;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.btn{border:none;padding:12px 40px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;background-color:#fff;color:#c8ac11}.btn:hover,.menu__link--contact:hover{background-color:#c8ac11;color:#000;transform:scale(1.07)}.btn:active,.menu__link--contact:active{transform:scale(1)}.logo{height:100px;width:150px}.nav__bar{display:flex;justify-content:space-between;align-items:center;background-color:#000;width:100%;height:100px;margin:0 auto;padding:0 48px;position:relative}.btn__menu{font-size:40px;text-align:center;border:none;background:transparent;color:#c8ac11;cursor:pointer;display:none}.btn__menu--close{position:absolute;right:20px;top:10px;padding:8px;color:#c8ac11}.menu__links{display:flex;flex-direction:column;align-items:center;gap:48px}.menu__link{font-size:32px;font-weight:700;text-decoration:none;color:#fff;position:relative}.menu__link--contact{border:none;padding:12px 40px;border-radius:50px;font-size:32px;font-weight:700;cursor:pointer;background-color:#fff;color:#c8ac11;transition:all .45s ease}.menu__backdrop{position:fixed;background-color:#242424;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.menu--open{overflow-y:hidden;max-height:100vh}.menu--open .menu__backdrop{visibility:visible;opacity:1;pointer-events:all}#search_bar{background-color:#000;padding-bottom:32px;width:100%}.search__info{width:100%;display:flex;flex-direction:column;align-items:center}.search__wrapper{width:100%;max-width:600px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}input{color:#000000de;width:100%;max-width:800px;height:60px;font-size:20px;padding-left:20px;border-radius:50px;transition:all .45s ease}.search__wrapper--button{position:absolute;top:0;bottom:0;right:0;z-index:1;padding:0 20px 0 8px;color:#c8ac11;font-size:32px;display:flex;align-items:center}.search__wrapper--button:hover{color:#000;cursor:pointer}.search__wrapper--button:active{transform:scale(1.25)}.search__title{font-size:40px}#landing_page{min-height:100vh}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;filter:brightness(.5) contrast(1.1);z-index:0}header{background-color:#1a1a1a;background-image:url(/movie-react-project/movieposterlandingpicture.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate;position:relative;z-index:0;height:100vh}.header__description{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.header__title,.header__sub-title{opacity:0;transform:translateY(30px);transition:opacity 1.5s ease,transform .7s ease}.fade-in{opacity:1!important;transform:translateY(0)!important}.header__sub-title{font-size:32px;font-weight:700;margin-bottom:16px;color:#fff}.header__search{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:24px}.header__wrapper{margin-top:16px;animation:pulsate 1.5s infinite ease-in-out;transition:all 1s ease}.header__wrapper:hover{animation:none;transform:scale(1.5)}@keyframes pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}to{transform:scale(1);opacity:1}}.search__row{text-align:center;display:flex;flex-direction:column;align-items:center}.search__controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0 16px;padding:0 16px}#filter{font-size:16px;padding:8px 16px;border-radius:9999px;border:2px solid #c8ac11;background-color:#fff;color:#243e63;cursor:pointer}.search__results--title{font-size:32px;font-weight:700;color:#c8ac11;opacity:0;transition:opacity .3s ease}.search__results--title.visible{opacity:1}.search__results--empty{font-size:24px;font-weight:700;color:red;transition:opacity .3s ease;opacity:0}.search__results--empty.visible{opacity:1}#find_your_movie .container{padding-top:24px}.movie__links{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:16px;width:100%;max-width:1200px}.movie{width:calc((100% - 64px) / 3);display:flex;flex-direction:column;height:100%;margin:6px 0;border:2px solid lightgray;border-radius:24px}.movie:active{transform:scale(1)}.movie:hover .modal__movie{opacity:1;transform:translateY(0)}.movie:hover .movie__img{filter:blur(2px)}.movie__info{position:relative;padding:0;height:300px;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.movie__info:hover .modal__movie{opacity:1;transform:translateY(0)}.movie__img{display:block;width:100%;height:100%}.movie__description{display:flex;flex-direction:column;align-items:start;padding:8px 20px;font-size:16px;font-weight:700;line-height:1.5;width:100%}.movie__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.movie__imdb{text-decoration:none;color:#00f}.movie__imdb--text{text-decoration:underline}.movie__imdb:visited{color:#00f}.movie__imdb--disabled{color:gray;text-decoration:none;cursor:not-allowed}.movie__poster{display:block;width:100%;border-radius:12px}.movie__poster--missing{display:flex;align-items:center;justify-content:center;background-color:#ccc;color:#333;font-weight:600;text-align:center;height:100%}.modal__movie{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#242424cc;border-radius:12px;opacity:0;transform:translateY(-100%);transition:all .45s ease;text-decoration:none}.movie__overlay-text{color:#fff;font-size:20px;font-weight:700;pointer-events:none;text-align:center}.search__status{font-size:32px;font-weight:700;color:#c8ac11;opacity:0;visibility:hidden;transition:opacity .3s ease;min-height:24px;text-align:left;margin-right:64px}.search__status.visible{opacity:1;visibility:visible}.search__loading{position:absolute;top:0;left:0;width:100%;max-width:1200px;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:24px;color:#c8ac11;font-size:50px;opacity:0;transition:opacity .3s ease}.search__loading.visible{opacity:1}.search__loading--spinner{display:none!important}.search__loading .search__loading--spinner{display:block!important}.fa-spinner{animation:rotate .6s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movie-details{max-width:1100px;margin:16px auto;padding:0 12px}.movie-details__title{font-size:40px;line-height:1.2;color:#c8ac11;margin-bottom:16px;text-align:center}.movie-details__content{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.movie-details__poster .movie__info{height:auto;border-radius:12px;position:relative;overflow:hidden}.movie-details__poster .movie__poster{width:100%;max-width:520px;display:block;border-radius:12px}.movie-details__meta p{margin:6px 0;line-height:1.5}.movie-details .modal__movie{opacity:0;transform:translateY(-100%);transition:all .45s ease}.movie-details .movie__info:hover .modal__movie{opacity:1;transform:translateY(0)}.back_btn{border:none;background:#c8ac11;color:#fff;font-size:24px;font-weight:700;padding:16px 32px;border-radius:9999px;cursor:pointer;margin:12px}.back_btn:hover{background:#c8ac11;color:#000}.skeleton{background:#ddd;border-radius:4px;margin:8px 0;animation:pulse 1.5s infinite ease-in-out}.skeleton-poster{width:300px;height:450px}.skeleton-text{width:80%;height:20px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 992px){.header__wrapper:hover{transform:none}}@media (max-width: 768px){.links{display:none}.btn__menu{display:block}.header__description{margin-top:24px}.header__title{font-size:48px}.header__sub-title{font-size:24px}.header__wrapper{animation:none}.search__title{font-size:32px}.search__wrapper{width:90%}.movie{width:75%}.movie__description{display:flex;flex-direction:column;align-items:center;justify-content:center}.search__controls{flex-direction:column;align-items:flex-start;gap:8px}.search__status{text-align:left;width:100%}#filter{width:100%}}@media (max-width: 576px){.header__description{margin-top:40px}.header__title{font-size:40px}.header__sub-title{font-size:20px}.menu__link,.menu__link--contact{font-size:24px}.search__title{text-align:center}.search__status{margin-top:4px}.movie-details__content{grid-template-columns:1fr;gap:16px}.movie-details__title{font-size:32px;text-align:center}.movie-details__poster .movie__poster{max-width:100%;width:100%;height:auto}.skeleton-poster{width:100%;height:auto;aspect-ratio:2 / 3}}@media (min-width: 576px){.movie-details__title{font-size:36px}.movie-details__content{gap:20px}}@media (min-width: 768px){.movie-details__title{font-size:40px;text-align:left}.movie-details__content{grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.movie-details__poster .movie__poster{max-width:520px}}@media (min-width: 992px){.movie-details{margin-top:24px}.movie-details__content{gap:28px}.movie-details__meta p{margin:8px 0}}@media (min-width: 1200px){.movie-details__poster .movie__poster{max-width:560px}}