@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,300;10..48,400;10..48,500;10..48,600;10..48,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Bricolage Grotesque,sans-serif;background-color:#f5f5f5}.header{display:flex;flex-direction:column;justify-content:center}.header a{text-decoration:none;color:#333;text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 15px}h2{font-size:40px;font-weight:700;text-align:center;margin:30px 0}.movies-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin-top:30px}.movies-container .movie{padding:15px;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px #6868682e}.movie.hide{display:none}.movie.show{display:block;animation:fade-in .35s cubic-bezier(0,0,.2,1),slide-to-left .35s cubic-bezier(0,0,.2,1);transition:all .4s ease-in-out}.movie img{width:100%;height:450px;object-fit:cover;border-radius:5px}.movie h3{font-size:30px;font-weight:700;margin:5px 0}.movie .info{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.info:last-child{margin-bottom:0;font-style:italic;color:#1e212b}.movie p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}footer{text-align:center;margin:30px 0}footer a{text-decoration:none;color:#333;font-size:14px;font-weight:700}@media screen and (max-width: 768px){.movies-container{grid-template-columns:repeat(1,1fr);grid-gap:20px}}@media screen and (prefers-color-scheme: dark){body{background-color:#1e212b;color:#fff}.header a{color:#fff}.movies-container .movie{background-color:#1a1826;box-shadow:none}.info:last-child{color:#b2c0f1}footer a{color:#fff;text-decoration:underline}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-to-left{0%{transform:translate(-4rem)}to{transform:translate(0)}}::view-transition-old(root){animation:fade-out .35s cubic-bezier(0,0,.2,1),slide-to-left .35s cubic-bezier(0,0,.2,1)}::view-transition-new(root){animation:fade-in .35s cubic-bezier(0,0,.2,1),slide-to-left .35s cubic-bezier(0,0,.2,1);mix-blend-mode:normal}