*{padding:0;margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,li{color:#fff;font-family:Roboto,sans-serif}h1{font-size:3.2em;line-height:1.1}a{text-decoration:none;color:#fff}button{cursor:pointer}.red__text{color:#d13438}@media (max-width: 768px){.title{font-size:44px;max-width:none}.banner,.banner__img,.banner__background{height:150px}.nav__list{padding-right:0}.nav__list--item{padding:0 8px}#search__form{width:50%}.movie__filter{margin-left:20px}}@media (max-width: 480px){.banner__img{opacity:0%}.banner__background{opacity:100%;background-color:#d13438}.fa-bars{display:block;color:#fff;font-size:48px;position:relative;top:25%;right:12px;cursor:no-drop}.movie__card{width:36%}#search .row{flex-direction:column}#search__form{width:80%;margin-bottom:24px}}.home__container{background-color:#181818;height:100vh}.home__content{width:100%;height:100%;position:relative;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.home__img{opacity:20%;height:100%;width:100%;position:absolute;z-index:0;object-fit:cover}.home__title{margin-bottom:24px;z-index:1}.home__title--small{display:none}.home__search{z-index:1}@media (max-width: 400px){.home__title--small{display:block;z-index:100;text-align:center;margin-bottom:24px}}nav{position:fixed;top:0;height:80px;width:100vw;background-color:#181818;display:flex;justify-content:space-between;z-index:200}.nav__logo{height:100%}.nav__list{display:flex;width:33%;justify-content:space-around;align-items:center;z-index:200}.fa-bars{display:none}.nav__list--item{font-size:24px;list-style-type:none;padding:6px,0;cursor:pointer;transition:all .3s ease}.nav__list--item:hover{color:#d13438}.nav__list a{transition:all .3s ease}@media (max-width: 768px){nav{display:flex;flex-direction:column;align-items:center;background-color:#f0e9dd}nav img{width:100%;max-height:80px;object-fit:cover;max-width:400px}.nav__list{width:100%;height:80px}.nav__list li{height:80px;display:flex;align-items:center}.nav__list a:hover{background-color:#fc7a7f}.nav__list--item:hover{color:#fff}}@media (max-width: 400px){.home__title{display:none}}.results__container{margin:80px 0}.banner__img{height:300px;object-fit:cover;object-position:center;width:100vw;position:relative;overflow:hidden;opacity:20%;border-bottom:2px solid white}.banner{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:80px;text-align:center}#search .row{width:100%;display:flex;align-items:center;justify-content:center;margin-top:20px}#search__form{width:80%;display:flex;justify-content:center}#movie__input{height:40px;width:90%;max-width:600px;border-radius:50px;margin-right:10px;font-size:16px;text-align:center}.search__btn{width:40px;height:40px;background-color:#d13438;border-radius:50px;border:none;display:flex;justify-content:center;align-items:center}.fa-magnifying-glass{font-size:20px;color:#fff}.movie__filter{border:none;background-color:#181818;color:#fff;width:100px;height:24px;border-radius:12px;text-align:center}.loading__results{height:400px;display:flex;align-items:center;justify-content:center}#movies .container{display:flex;justify-content:center;padding-top:24px}#movies .row{width:100%;max-width:1200px}.movies__list{display:flex;justify-content:center;flex-wrap:wrap;margin:0 48px}.movie__card{width:calc(25% - 100px);min-width:160px;height:300px;font-family:Roboto;font-size:16px;color:#fff;padding:12px;margin:12px;border-radius:12px;background-color:#181818;box-shadow:0 8px 6px #0000004d;display:flex;align-items:center;flex-direction:column;justify-content:space-between;transition:all .3s ease;overflow:hidden}.movie__card--title{display:flex;align-items:start;padding-bottom:6px}.movie__card:hover{transform:translateY(-8px);cursor:pointer}.card__img--wrapper{width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center}.movie__card--img{width:80%;height:auto}.loading__screen{height:30vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading__text{font-family:Roboto,sans-serif}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.fa-spinner{font-size:48px;padding:12px;animation:spin 1s infinite}.show__more--container{width:100%;display:flex;justify-content:center}.show__more{background-color:#181818;color:#fff;font-weight:700;border:none;border-radius:12px;width:40vw;height:40px;cursor:no-drop;margin:24px 0}.banner__background{height:300px;object-fit:cover;object-position:center;width:100vw;position:relative;overflow:hidden;opacity:20%;border-bottom:2px solid white;display:none}@media (max-width: 768px){.title,.banner{display:none}#search{position:fixed;top:96px;width:100%;z-index:50}#search .row{width:100%}#movies{margin-top:200px}.banner__background{height:80px;display:block;opacity:100%;background-color:#d13438}.banner__img{display:none}.nav__list{padding-right:0}.nav__list a{width:50%;display:flex;justify-content:center}.nav__list--item{width:100%;display:flex;justify-content:center}#search__form{width:50%}.movie__filter{margin-left:20px}.movies__list{margin:0}}@media (max-width: 480px){.banner__img{opacity:0%}.banner__background{opacity:100%}#search .row{flex-direction:column}#search__form{width:80%;margin-bottom:24px}.movie__card{width:36%;margin:12px 0}}@media (max-width: 390px){.movie__card{width:100%;border-radius:0;margin:0;padding-bottom:0 0 24px 0;max-height:none;border:1px solid white;justify-content:space-between}.card__img--wrapper{height:80%}.movie__card--img{height:100%;max-width:200px;object-fit:cover}}.movieinfo__container{padding-top:80px;height:100vh;overflow:hidden}.movieinfo__backdrop{width:100%;padding-top:80px;height:100vh;object-fit:cover;position:absolute;top:0;opacity:20%}.back__arrow{position:fixed;margin-top:16px;font-size:48px;height:60px;width:60px;border:4px solid white;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-left:16px;cursor:pointer;z-index:100;background:none}.movieinfo__info{position:absolute;z-index:3;width:100%}.movieinfo__title{padding-top:48px;width:100%;display:flex;text-align:center;align-items:center;justify-content:center;z-index:10;margin:0 24px}.movieinfo__block{margin-top:60px;width:100%;display:flex;flex-direction:row;justify-content:center}.movieinfo__wrapper{width:50%;display:flex;justify-content:center}.movieinfo__img{box-shadow:0 8px 6px #0000004d;max-height:400px}.movie__stats{width:50%;max-width:400px;display:flex;flex-direction:column;justify-content:space-around}.loading__screen{display:flex;justify-content:center;align-items:center;height:100vh}@media (max-width: 768px){.nav__list{display:none}.movieinfo__info{display:flex;flex-direction:column}.movieinfo__title{font-size:24px}.movieinfo__block{margin-top:12px}.movieinfo__img{max-height:200px}.movie__stats p{margin:12px 0;text-align:center}}@media (max-width: 700px){.movieinfo__block{display:flex;flex-direction:column;align-items:center}.movie__stats{width:100%}}footer{background-color:#181818;height:200px;display:flex;align-items:center;justify-content:center}