@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{background-color:#000;color:#e50914}.App{font-family:sans-serif;font-family:"Poppins",sans-serif}.brand-name{text-align:center;font-family:"Bebas Neue",cursive;font-size:3rem}form{display:flex;justify-content:center;margin-bottom:1rem}.search-input{padding:1rem;margin:auto;font-size:1rem;font-family:inherit;border-radius:5rem;width:80%;border:none}.search-input:focus{outline:none}.genres-container{padding:1rem;display:flex;max-width:80%;margin:auto;justify-content:center;flex-wrap:wrap}.genre-span{cursor:pointer;margin:.2rem;padding:.5rem;text-align:center;border-radius:10rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,248,248,.164)}.movie-container{display:flex;justify-content:center;flex-wrap:wrap}.movie{width:250px;margin:1rem;background-color:#151515;border-radius:3px;position:relative;overflow:hidden;box-shadow:3px 3px 3px 3px hsla(0,0%,50.2%,.1)}.movie img{max-width:100%;width:100%;height:300px;object-fit:cover;border-radius:3px 3px 0 0}.movie-title p{margin:0;padding:0 .5rem;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:200px;font-size:1rem;white-space:nowrap}.movie-info{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.tag{padding-right:.5rem;text-align:center;color:#f2f2f2}.tag.good{color:#4cbb17}.tag.average{color:orange}.tag.bad{color:red}.movie-genre{padding:0 0 .5rem .5rem;font-weight:100;color:hsla(0,0%,94.5%,.796078431372549);margin:0}.movie-overview{position:absolute;left:0;right:0;bottom:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-color:#fff;color:#151515;padding:1rem;transform:translateY(101%);transition:transform .3s ease-in-out;max-height:100%;overflow:auto}.movie:hover .movie-overview{transform:translateY(0)}
/*# sourceMappingURL=main.35d4bb8b.chunk.css.map */