*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;font-family:"Poppins",sans-serif}body{background:#22254b}img{max-width:100%}.app-container{-webkit-align-items:initial;align-items:normal;-webkit-justify-content:center;justify-content:center;padding:0 1.5rem}.app-container,.app-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.app-header{background:#37369b;padding:3vh;-webkit-justify-content:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:999;width:100%}.app-header,.app-logo{-webkit-align-items:center;align-items:center}.app-logo{color:#fff;text-decoration:none;font-size:2.6rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.MuiSvgIcon-root{font-size:3.6rem!important;margin-right:.2rem}.app-header form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.app-headerSearch{padding:1rem 2rem;border-radius:10rem;max-width:30rem;background:transparent;border:2px solid #22254b;color:#fff;font-size:1.6rem;transition:all .6s ease-in-out;font-family:inherit}.app-headerSearch::-webkit-input-placeholder{color:#7378c5}.app-headerSearch:-ms-input-placeholder{color:#7378c5}.app-headerSearch::placeholder{color:#7378c5}.app-headerSearch:focus{background:#22254b;outline:none}.movie{position:relative;width:30rem;margin:1rem;box-shadow:0 .4rem .5rem rgba(0,0,0,.2);border-radius:.6rem;overflow:hidden}.movie-img{width:100%;height:50rem;object-fit:cover}.movie-info{padding:1rem;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between;letter-spacing:.5px;color:#fff}.movie-info h3{font-size:2rem}.movie-info span{background-color:#37369b;border-radius:3px;font-weight:700;padding:.25rem .5rem;font-size:1.8rem}.movie-overview{position:absolute;bottom:0;left:0;color:#fff;padding:2rem;max-height:100%;overflow:auto;background-color:#22254b;-webkit-transform:translateY(101%);transform:translateY(101%);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.movie:hover .movie-overview{-webkit-transform:translateY(0);transform:translateY(0)}.movie-overview h2{font-size:2rem}.movie-overview p{line-height:1.6;font-size:1.6rem}
/*# sourceMappingURL=main.d86e5f67.chunk.css.map */