@import url(https://fonts.googleapis.com/css2?family=Monda&display=swap);body{background:#ddd}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}@font-face{font-family:poppins-bold;src:url(../fonts/Poppins-Medium.f61a4eb2.ttf)}@font-face{font-family:poppins-thin;src:url(../fonts/Poppins-Light.f6ea751e.ttf)}@font-face{font-family:poppins-semibold;src:url(../fonts/Poppins-SemiBold.4cdacb8f.ttf)}@font-face{font-family:poppins-medium;src:url(../fonts/Poppins-Regular.8b6af8e5.ttf)}.route-enter-from{opacity:0;transform:translateX(100px)}.route-enter-active{transition:all .3s ease-out}.route-leave-to{opacity:0;transform:translateX(-100px)}.route-leave-active{transition:all .3s ease-in}header{background-color:#414141;color:#fff;padding:40px 0}.header__container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:800px;padding:0 50px}.header__title{font-size:55px;font-family:poppins-bold;margin-bottom:5px}.header__p{font-size:16px;font-family:poppins-thin;margin-top:15px}.header__imgBig{position:relative;bottom:20px;right:20px;width:170px;transform:rotate(15.52deg)}.header__imgSmall{position:relative;width:100px;transform:rotate(-27.78deg)}@media screen and (max-width:714px){.header__container{text-align:center;display:block}header .column-2{display:none}.header__title:after{background-image:url(../img/clapperboard.136f3614.png);background-size:cover;display:inline-block;width:65px;height:65px;content:"";margin-left:10px;margin-bottom:-7px}}@media screen and (max-width:376px){.header__title{font-size:30px}.header__title:after{background-image:url(../img/clapperboard.136f3614.png);background-size:cover;display:inline-block;width:45px;height:45px;content:"";margin-left:10px;margin-bottom:-7px}}main{text-align:center}.main__form{display:flex;justify-content:center}.main__form button{margin:20px 0;font-size:30px;cursor:pointer;margin-left:10px;width:60px}.main__form button,.main__searchInput{padding:5px 10px;background-color:#f9f9f9;color:#797979;transition:all .2s ease;box-shadow:0 3px 4px rgba(0,0,0,.1);border:none;outline:none;border-radius:21px}.main__searchInput{font-family:Monda,sans-serif;font-size:24px;margin:20px 0;text-align:center}.main__form button:hover,.main__searchInput:focus{box-shadow:0 4px 5px rgba(17,11,11,.2);background-color:hsla(0,0%,97.6%,.7803921568627451)}.movie__list{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;max-width:90%;margin:0 auto;margin-bottom:10px}.movieCard{display:flex;flex-direction:column;cursor:pointer;color:#000;margin-bottom:20px}.movieCard *{transition:all .2s ease}.movieCard:hover .movieCard__about,.movieCard:hover img{transform:scale(1.03)}.movieCard img{width:300px;border-radius:12px 12px 0 0}.movieCard__about{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-radius:0 0 12px 12px;font-family:poppins-semibold;box-shadow:0 4px 5px rgba(0,0,0,.3);max-width:300px}.movieCard__about h2{font-size:20px}.movieCard__about .rating{display:flex}.movieCard__about .rating span{font-size:23px}.movieDetails__header{color:#fff;background-color:#414141;padding:20px 120px}.movieDetailsHeader__title{font-family:poppins-bold}.movieDetailsHeader__img{width:40px;margin-top:-5px;margin-left:10px}.movieDetails__wrapper{display:flex;align-items:center}.movieDetails__main{padding:0 40px}.movieDetailsCard{display:flex;justify-content:center;background-color:#f9f9f9;border-radius:12px;max-width:900px;margin:50px auto;padding:35px}.movieDetails__main span{font-size:50px;cursor:pointer;transition:all .3s ease}.movieDetails__main span:hover{transform:scale(1.1)}.movieDetails__main span::-moz-selection{background:none}.movieDetails__main span::selection{background:none}.movieDetailsMain__column-2{margin-left:30px}.movieDetailsCard img{border-radius:12px}.movieDetailsCard h1,.movieDetailsCard h2{font-family:poppins-medium;font-size:30px}.movieDetailsCard p{font-family:Monda,sans-serif;font-size:16px}@media screen and (max-width:811px){.movieDetailsCard{display:block}.movieDetailsMain__column-1{text-align:center}.movieDetailsMain__column-2{margin-left:0}.movieDetails__header{display:flex;justify-content:center}.movieDetailsCard img{max-width:100%}}