@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#282828;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;width:100%}body,h1,h2,h3,h4,h5,h6{color:#fff}nav{background-color:#242424;display:flex;height:80px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}img{width:100%}p{line-height:1.5}a{text-decoration:none}a:hover{text-decoration:underline}.color__green{color:green}ul{display:flex}li{list-style-type:none}.movie__title--header{color:#fff;cursor:pointer;font-size:24px;margin:0;white-space:nowrap}button{cursor:pointer}button:active{transform:translateY(1px)}input,select{border:1px solid #dcdfe6;border-radius:8px;font-size:16px;height:44px;outline:none;padding:0 12px;transition:all .3s ease}.btn{background-color:green;border:none;border-radius:4px;color:#fff;font-size:20px;padding:12px 24px}.green{color:green}.menu__backdrop{align-items:center;background-color:#242424;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:100}.menu--open{opacity:1;pointer-events:all;visibility:visible}.btn__menu{background-color:initial;border:none;color:#0f8;cursor:pointer;display:none;font-size:32px}.btn__menu--close{right:40px;top:40px}h2{font-size:32px;margin-bottom:32px;text-align:center}.nav__branding{transition:opacity .3s ease}.logo__link,.nav__branding{align-items:center;display:flex}.logo__link{gap:12px;text-decoration:none}.logo{border-radius:50%;height:48px;object-fit:contain;width:auto}.nav__search--small{align-items:center;display:flex;margin-right:20px}.nav__search--small input{background-color:#333;border:1px solid #555;border-radius:20px;color:#fff;font-size:14px;height:32px;padding:0 12px;transition:all .3s ease;width:150px}.nav__search--small input:focus{background-color:#444;border-color:#0f8;width:220px}.nav__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.nav__link{color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-left:16px;padding:8px;text-decoration:none;transition:color .3s ease}.nav__link:hover{color:#0f8;text-decoration:none}.nav__link--primary{border:2px solid #fff;border-radius:4px}.nav__link--primary:hover{text-decoration:none}.nav__search--dynamic{align-items:center;background:#0000;border:1px solid #0000;border-radius:25px;display:flex;padding:4px;transition:all .4s ease}.nav__search--dynamic.expanded{background:#333;border-color:#0f8;flex:1 1;margin:0 15px}.nav__search--dynamic.expanded .search__input--dynamic{opacity:1;padding:0 10px;width:100%}.menu__links{align-items:center;display:flex;flex-direction:column}.menu__list{padding:32px 0}.menu__link{color:#fff;font-size:40px}.btn__menu--close{color:#fff;padding:8px;position:absolute;right:20px;top:10px}.input-wrap{align-items:center;display:flex;justify-content:center}.search-form{display:flex;margin:0 auto 40px;max-width:500px;position:relative;width:100%}#myInput{background-color:#fff;border:2px solid #0000;border-radius:25px;font-size:18px;height:50px;outline:none;padding:0 60px 0 20px;width:100%}#myInput:focus{border-color:green}#searchBtn{-webkit-tap-highlight-color:transparent;align-items:center;background:green;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex!important;height:40px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:40px}#searchBtn:hover{background-color:#006400}.search-wrapper{color:red}.search-icon{padding:5px}.search__input--dynamic{background:#0000;border:none!important;color:#fff;font-size:16px;opacity:0;padding:0;transition:all .4s ease;width:0}.search__icon--btn{background:none;border:none;color:#0f8;cursor:pointer;font-size:20px;padding:8px}.container{padding:56px 0}.row{margin:0 auto;max-width:1200px;width:100%}.row__column{align-items:center;display:flex;flex-direction:column}.no-cursor{cursor:not-allowed}.fa{color:#fff;font-size:1.2em}landing{background-color:#7342d61a}header{height:calc(100vh - 80px)}.header__container{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin:0 auto;max-width:720px;width:100%}.header__description{align-items:center;display:flex;flex-direction:column}.header__img--wrapper{max-height:50vh;padding:20px;z-index:50}#movie__container,#skeleton-wrapper{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:24px 0;width:100%}#filter{border:1px solid #0f8;border-radius:8px;color:#fff;cursor:pointer;outline:none;padding:8px 12px}#filter,#filter option{background-color:#2c2c2c}.filter__container{display:flex;gap:16px;justify-content:flex-start;margin-bottom:32px;margin-top:32px}.movie__container{padding:20px}.movie__container,.movie__list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%}.movie__list{margin-top:24px}.movie__selected--title--top{margin-bottom:24px;margin-top:48px;text-align:left;width:100%}.movie-card{background:#2c2c2c;border-radius:12px;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.movie-card__info{padding:16px;text-align:left}.movie-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:18px;height:44px;margin-bottom:8px;overflow:hidden}.movie-card p{font-weight:700}.movie-card:hover{transform:translateY(-10px)}.movie-card img{aspect-ratio:2/3;object-fit:cover;width:100%}.movie-card h4{color:#333;font-size:14px;margin:10px 0 0;text-align:center}.movies__no-results{padding:40px}.movies__no-results img{max-width:200px;opacity:.6}.btn__clear{background-color:initial;border:1px solid #0f8;color:#0f8;font-size:16px;padding:8px 16px}.btn__clear:hover{background-color:#0f8;color:#000}.movies__no-results{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 0;text-align:center;width:100%}.movies__no-results img{margin-bottom:24px;max-width:300px}.about__content{padding:60px 20px;text-align:center}.about__header{margin-bottom:60px}.about__title{font-size:3rem;margin-bottom:16px}.about__subtitle{color:#dfdfdf;font-size:20px;opacity:.8}.about__grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.about__card{background:#ffffff0d;border:1px solid #0f83;border-radius:20px;padding:40px;transition:all .3s ease}.about__card:hover{background:#ffffff14;border-color:#0f8;transform:translateY(-10px)}.about__card--icon{color:#0f8;font-size:40px;margin-bottom:20px}.tech__stack{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 40px}.tech__tag{background:#333;border:1px solid #444;border-radius:20px;font-size:14px;padding:6px 16px}.about__btn{box-shadow:0 4px 14px 0 #00ff8863;margin-top:20px}.about__footer{border-top:1px solid #333;margin:0 auto;max-width:700px;padding-top:48px}footer{background-color:#242424;flex-shrink:0}.footer__logo{display:flex}.footer__logo--img{filter:grayscale(1) invert(1);width:160px}.footer__copyright,.footer__link{color:#fff;cursor:pointer;font-weight:700;padding:8px;text-decoration:none;transition:color .3s ease}.footer__link:hover{color:#0f8;text-decoration:none}.footer__list{margin:20px 0 24px}.footer__link{cursor:pointer;padding:0 8px}#movies__main{flex:1 0 auto}.movie__color__text{color:green;display:inline}input:focus,select:focus{border:2px solid green;box-shadow:0 0 8px #0f03;outline:none}.skeleton-card{background:#444;border-radius:12px;height:400px;overflow:hidden;position:relative}#movies__body{background-color:#7342d61a;display:flex;flex-direction:column;min-height:100vh}#movies__main{flex:1 1}.movie__selected{display:flex;justify-content:center;padding:40px 0}.movie__selected--inner{align-items:flex-start;display:flex;gap:40px;max-width:1000px}.movie__selected--figure{flex:1 1;max-width:400px}.movie__selected--description{color:#fff;flex:1.5 1;text-align:left}.movie__selected--subtitle{color:#0f8;font-weight:500;margin:12px 0}.movie__link{align-items:center;color:#fff;display:flex;font-weight:700;gap:8px;margin-bottom:24px;text-decoration:none;transition:all .3s ease}.movie__link:hover{color:#0f8;transform:translateX(-5px)}.movie__link svg{font-size:18px}.movies__header{align-items:center;display:flex;justify-content:space-between;padding:0 24px}.movies__header--title{margin-bottom:0}.movies__loading{align-items:center;color:#7342d6;display:flex;font-size:60px;justify-content:center;padding-top:60px;width:100%}.movies__loading--spinner{display:none!important}.movies__loading .books__loading--spinner{display:block!important}.fa-spinner{animation:rotate .6s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.skeleton-card:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.hidden{display:none!important}@media (min-width:769px){.search__input--dynamic{opacity:1;padding:0 10px;width:180px}.nav__search--dynamic{background:#333;border-color:#444}}@media (max-width:768px){.nav__link{cursor:pointer;font-weight:700;transition:color .3s ease}.nav__link:hover{color:#0f8}.movie__title--header{margin:40px 0 20px;text-align:center;width:100%}h1{font-size:36px}h2{font-size:28px}.search-form{margin-bottom:30px;max-width:90%}.movie__selected--inner{align-items:center;flex-direction:column;gap:24px;text-align:center}.movie__selected--description{text-align:center}.hide-mobile{display:none!important}.nav__search--dynamic.expanded{flex:1 1;margin-left:10px}.nav__links{display:none}.btn__menu{display:block}}@media (max-width:600px){.btn__menu{display:block}.nav__links{display:none}#skeleton-wrapper,.movie__container{gap:12px;grid-template-columns:repeat(2,1fr)!important;padding:12px}.nav__search--small{display:none}.filter__container{align-items:stretch;flex-direction:column;gap:10px}#filter,.btn__clear{width:100%}}@media (max-width:480px){.logo{width:120px}.movies__header{margin-top:24px;padding:0 16px}.movie__title--header{margin-top:60px}h2{font-size:22px}.movie-card__info h3{font-size:14px;height:34px;overflow:hidden}}
/*# sourceMappingURL=main.6355de1c.css.map*/