*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#4162a833;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{background:#4162a8;color:#fff;padding-block:2rem;width:100%}.container{margin-inline:auto;max-width:1600px;width:90%}.filter-container{align-items:center;display:flex;gap:1rem;justify-content:center;padding-block:2rem}.filter-container button{background:transparent;border:3px solid #4162a8;border-radius:1rem;color:#4162a8;cursor:pointer;font-weight:700;min-width:6rem;padding:.5rem 1rem}button.active{background:#4162a8;color:#fff}.popular-movies{grid-column-gap:1rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.img-div{margin-bottom:1rem;position:relative}img{height:30vh;min-height:400px;object-fit:cover}.layer,img{border-radius:1rem;cursor:pointer;width:100%}.layer{align-items:center;background:linear-gradient(to top left,#ffffffa4,#4949aca9,#0000ff43);bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:.5rem;height:0;justify-content:flex-end;left:0;margin-bottom:.2rem;overflow:hidden;padding-inline:.5rem;position:absolute;transition:height .5s ease-in-out;z-index:1}.img-div:hover .layer{height:calc(100% - .2rem)}button{background:#4162a8;border:3px solid #4162a8;border-radius:2rem;color:#fff;margin-bottom:.5rem;padding:.5rem 1.4rem}h2{align-items:center;color:#4162a8;display:flex;font-size:1rem;height:40px;justify-content:center;margin-bottom:1rem}.overflow-hidden{overflow:hidden}@media screen and (max-width:450px){.filter-container{padding-block:1.2rem .7rem}.filter-container button{min-width:4rem;padding:.5rem .7rem}.popular-movies{grid-row-gap:.7rem}}
/*# sourceMappingURL=main.c146a362.css.map*/