@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);.container{height:700px}*{background-color:#f5f5f5;font-family:Roboto,sans-serif;margin:0;padding:0}li{list-style-type:none}button{border-color:#0000;cursor:pointer}.row{margin:0 auto;max-width:1200px;width:100%}html{scroll-behavior:smooth}a{text-decoration:none}.blue{color:#1190cb}.nav__row{align-items:center;display:flex;justify-content:space-between}.logo{width:200px}.nav__link--list{max-width:450px;width:100%}.nav__list{display:flex;justify-content:space-between}.nav__link--anchor{color:#1190cb;font-size:20px;font-weight:600;transition:all .2s ease}.nav__link--anchor-btn{background-color:#1190cb;border-radius:9999px;border-style:solid;color:#fff;padding:16px 32px;transition:all .3s ease}.nav__link--anchor:hover{border-bottom:solid;border-bottom-width:3px;padding-bottom:5px}.nav__link--anchor-btn:hover{background-color:#0f7cb6;padding:16px 32px}.btn__menu{background-color:initial;border:none;color:#1190cb;display:none;font-size:40px;margin-right:12px;text-align:center}.menu__backdrop{align-items:center;background-color:#242424;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:100}.menu--open .menu__backdrop{opacity:1;visibility:visible}.menu--open{max-height:100vh;overflow-y:hidden}.menu__links{align-items:center;background-color:#242424;display:flex;flex-direction:column}.menu__link{color:#fff;font-size:40px}.menu__link,.menu__list{background-color:#242424}.menu__list{padding:32px 0}.btn__menu--close{color:#fff;padding:8px;position:absolute;right:20px;top:10px}.fa-times{background-color:#242424}.heading{align-items:center;display:flex;justify-content:center;margin:60px 24px}.title{color:#1190cb;font-size:72px;letter-spacing:3px;text-align:center}.sub-heading{align-items:center;display:flex;justify-content:center;margin:48px 0}.sub{color:#242424;font-size:32px;letter-spacing:2px;text-transform:uppercase}.search{align-items:center;display:flex;justify-content:center;margin:72px 0}.search__input{border-radius:9999px;font-size:32px;height:70px;position:relative;text-indent:32px;width:80%}::placeholder{bottom:2px;font-size:24px;letter-spacing:2px;padding-left:16px;position:relative;right:15px}.search__btn{border:2px;border-radius:9999px;border-style:solid;font-size:32px;font-weight:900;height:76px;margin-left:20px;transition:all .3s ease;width:50px;width:150px}.movies__anchor,.search__btn{background-color:#1190cb;color:#fff}.search__btn:hover{background-color:#0f7cb6}.landing__img{align-items:center;display:flex;justify-content:center;padding:72px 0}.movie__img{border-radius:10px;height:650px}footer{padding-top:72px;position:relative}.footer__link,.footer__logo,.footer__rights,footer{background-color:#1190cb;color:#fff}.footer__links{justify-content:center;padding-bottom:56px}.footer__links,.footer__links--list{align-items:center;background-color:#1190cb;color:#fff;display:flex}.footer__links--list{justify-content:space-between;max-width:800px;width:100%}.footer__link--anchor{background-color:#1190cb;color:#fff;font-size:18px;font-weight:700;transition:all .2s ease}.footer__link--anchor:hover{border-bottom:solid;border-bottom-width:3px;padding-bottom:5px}.footer__break{left:32px;margin:24px 0;position:relative;width:95%}.rights{align-items:center;display:flex;justify-content:center;padding:24px 0}.footer__img,.rights{background-color:#1190cb;color:#fff}.footer__img{width:150px}.footer__copy{background-color:#1190cb;color:#fff;font-size:22px}.search__header{align-items:center;display:flex;justify-content:center}.results{font-size:36px}.Sort{font-size:16px;height:25px;left:300px;position:relative;width:145px}.movies{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:64px 0}.movie{color:#242424;font-size:16px;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.movie__img--wrapper{align-items:center;display:flex;justify-content:center;padding-bottom:16px}.movies__img{width:280px}.movies__img:hover{transform:scale(1.03);transition:all .6s ease}.movie__rating,.movie__title,.movie__year{padding-bottom:4px}.fa-spinner{position:relative}.fa-spinner,.fa-spinner--2{animation:rotate .6s linear infinite;background-color:initial;color:#1190cb;display:flex;font-size:60px;left:50%;top:50%;transform:translate(-50%,-50%)}.fa-spinner--2{position:absolute}.fa-spinner--2 .overlay{background:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.fa{display:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.movie__info{align-items:center;display:flex;justify-content:center;padding:64px 0}.info__header{margin-left:12px}.icon__back:hover{transform:scale(1.2);transition:all .6s ease}.info__body{display:flex;justify-content:space-between;width:75%}.info__details{display:flex;flex-direction:column;justify-content:center;letter-spacing:.1px;margin-left:54px}.info__details--head{display:flex;flex-direction:column;letter-spacing:.5px}.movie__recommendations{padding-bottom:64px}.recommedations__header{margin-bottom:32px}.recommended__movies--img{width:200px}.recommended__movies--img:hover{transform:scale(1.03);transition:all .6s ease}.recommended__movies--wrapper{display:flex;justify-content:space-evenly}@media (max-width:1300px){.row{max-width:1200px}}@media (max-width:1200px){.row{max-width:1100px}}@media (max-width:1100px){.row{max-width:1000px}}@media (max-width:1000px){.row{max-width:900px}.movies{justify-content:space-evenly}.Sort{left:250px}.fa-spinner{left:0}.title{font-size:64px}.sub{font-size:24px}.recommended__movies--img{width:150px}}@media (max-width:900px){.movies,.row{max-width:800px}.movies{justify-content:space-evenly}.Sort{left:150px}.info__img{width:200px}.info__description,.info__details--head{font-size:12px}}@media (max-width:800px){.footer__links--list,.row{max-width:700px}.Sort{left:100px;width:120px}.nav__list{justify-content:space-around}}@media (max-width:700px){.row{max-width:600px}.title{font-size:56px}.sub{font-size:20px}.search__btn,.search__input{height:65px}.recomm__title{font-size:18px}.recommended__movies--img{width:125px}}@media (max-width:768px){.footer__links--list{max-width:500px}.footer__break{left:20px}.footer__copy{font-size:16px}.footer__img{width:100px}footer{width:100%}}@media (max-width:600px){.row{max-width:500px}.Sort{height:20px;left:50px;text-align:left;vertical-align:middle;width:100px}.results{font-size:24px}.movie__img{height:500px}.info__body{flex-direction:column}.info__img{width:250px}.info__img--wrapper{display:flex;justify-content:center}.info__details{align-items:center;justify-content:center;margin-left:0;margin-top:36px;text-align:center}.recommended__movies--img{width:100px}}@media (max-width:550px){.row{max-width:450px}.nav__link--list{display:none}.btn__menu{display:block}.title{font-size:48px}.sub{text-align:center}.movies,.results{position:relative}.movies{left:110px;max-width:-webkit-min-content;max-width:min-content}.fa-spinner{left:200%}.movie__img{height:400px}}@media (max-width:480px){.row{max-width:460px;vertical-align:middle}.title{font-size:48px}.sub{font-size:16px}.search{display:flex;flex-direction:column}.search__input{width:90%}::placeholder{font-size:20px}.search__btn{margin-left:0;margin-top:24px;width:90%}.landing__img{padding:54px 0 72px}.movie__img{height:375px}.footer__links--list{max-width:350px}.footer__break{left:10px}.footer__copy{font-size:14px}.movies{left:80px}.Sort{left:50px}.recommended__movies--img{margin:12px;width:130px}.recommendations,.recommended__movies--wrapper{display:flex;justify-content:center}.recommended__movies--wrapper{flex-wrap:wrap;width:85%}}@media (max-width:400px){.row{max-width:350px}.movies{left:50px}.title{font-size:36px}.heading{margin:54px 0}.sub-heading{margin:36px 0}.search{margin:64px 0}.movie__img{height:300px}.recommended__movies--img{width:100px}}@media (max-width:300px){.row{max-width:250px}.movie__img{height:225px}.movies{left:20px}.search__header{width:250px}.Sort{display:none}.movies__img{width:250px}.footer__links--list{width:200px}.logo{width:150px}.footer__copy{text-align:center}.recommended__movies--img{width:150px}}
/*# sourceMappingURL=main.e0a8bafc.css.map*/