:root{--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px rgba(0,0,0,0.1);--dark-shadow:0 5px 15px rgba(0,0,0,0.2);--max-width:1300px;--fixed-width:620px}::selection{color:#cc8c15;background-color:#000}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:"Trebuchet MS",Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:url(/static/media/bg.71404797.jpg) no-repeat fixed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}a{text-decoration:none}a,h2{color:#fff}h2{font-size:50px;text-transform:capitalize}.section{width:90vw;margin:0 auto;max-width:1300px;max-width:var(--max-width)}@media screen and (min-width:992px){.section{width:95vw}}.search-form{width:90vw;max-width:1300px;max-width:var(--max-width);margin:5rem auto 3rem;text-align:center}.form-input{width:100%;border:transparent;max-width:600px;background:#fff;padding:1rem;font-size:1rem;border-radius:.25rem;border-radius:var(--radius);color:var(--clr-grey-3);margin-top:1rem;outline:none}.error,.form-input{letter-spacing:.1rem;letter-spacing:var(--spacing)}.error{color:var(--clr-red-dark);text-transform:capitalize;padding-top:.5rem}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}.loading{width:6rem;height:6rem;margin:10rem auto 0;border-radius:50%;border:3px solid #ccc;border-top:3px solid var(--clr-primary-5);-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}.movies{width:90vw;max-width:1300px;max-width:var(--max-width);display:grid;grid-gap:2rem;gap:2rem;margin:0 auto;padding-bottom:5rem;padding-top:3rem}.movie{position:relative;overflow:hidden}.movie img{width:100%;height:400px;display:block;object-fit:cover}.movie-info{position:absolute;bottom:0;left:0;width:100%;padding:.5rem 1rem;background:rgba(0,0,0,.6);transform:translateY(100%);transition:all .3s linear;transition:var(--transition)}.movie-info h4{color:var(--clr-white);margin-bottom:.25rem}.movie-info p{margin-bottom:0;color:var(--clr-white)}.movie:hover .movie-info{transform:translateY(0)}@media screen and (min-width:576px){.movies{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.single-movie{width:90vw;max-width:1300px;max-width:var(--max-width);margin:4rem auto;display:grid;grid-gap:2rem;gap:2rem}.single-movie img{width:100%;display:block}.single-movie-info{color:rgb(206 224 232);font-weight:700}.single-movie-info h2{font-size:40px}.single-movie-info .header{display:flex;justify-content:space-between;align-items:center}.single-movie-info .header .rating{font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center}.single-movie-info .header .rating span{color:#fff;font-weight:700}.single-movie-info .header svg{margin-right:5px;color:#f6ca2a}.single-movie-info .runtime{color:rgb(255 155 33/97%);font-size:18px}.single-movie-info p{max-width:35em;font-size:1.2rem;margin-block:1.5rem;line-height:1.8}.single-movie-info .details{font-size:1rem;color:rgb(255 155 33/97%);font-weight:700;margin-bottom:20px}.single-movie-info .details .title{font-size:1.3rem;color:#fff}.btn{text-transform:capitalize;padding:.25rem .5rem;background:#175f8f;color:var(--clr-white);border-radius:.25rem;border-radius:var(--radius);display:inline-block;margin-top:.5rem;letter-spacing:.1rem;letter-spacing:var(--spacing)}@media screen and (min-width:992px){.single-movie{grid-template-columns:1fr 2fr}}.page-error{text-align:center;padding:2rem}
/*# sourceMappingURL=main.d054436c.chunk.css.map */