body{font-family:sans-serif;margin:0}h1{color:#333;text-align:center}.title{text-align:center;padding:80px 30px}.title h1{margin:10px;font-size:50px}.container{margin:0 auto;padding:0 20px;max-width:1000px}.logo{display:inline-block;margin:0 auto;font-size:30px;font-weight:bolder;background:linear-gradient(.1turn,#25cf8b,#7800ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo a{color:inherit;text-decoration:none}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:1fr;gap:20px}.movie{position:relative;text-align:left}.movie img{width:100%;border-radius:10px;display:block;transition:all .3s ease}.movie .name{margin-top:5px;font-size:16px;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}