@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Lexend,sans-serif;color:#fff;transition:.3s ease}h1{font-size:40px}h2{font-size:26px;margin:30px 0 15px;&:after{content:"";display:block;height:6px;width:75px;background-color:#ffd601;margin-top:5px}}h3{font-size:20px;font-weight:500}h3,h4{letter-spacing:1px}h4{font-size:18px;font-weight:400;line-height:30px}.yellow{color:#ffd601}main{background:#1d001f;background:linear-gradient(90deg,#1d001f,#740f06);background:-webkit-linear-gradient(90deg,#1d001f,#740f06);padding:30px 0 0;.container{width:1024px;min-height:100vh;margin:0 auto 30px;padding:40px;background-color:rgba(0,0,0,.4);border-radius:15px;header h1{display:flex;align-items:center;gap:15px;margin-bottom:45px}.tag-line{background-color:rgba(0,0,0,.2);padding:12px 20px;border:1px solid #ffd50077;border-radius:5px;margin-top:12px;h3{text-align:center}}.welcome-text{font-size:17px;line-height:30px;letter-spacing:1px;margin:30px 0}.movie-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;a{text-decoration:none;min-width:190px;.movie{border:1px solid hsla(0,0%,100%,.4);padding:12px 12px 8px;border-radius:10px;background-color:rgba(0,0,0,.5);text-align:center;&:hover{scale:1.05;background-color:#000;border:1px solid hsla(0,0%,100%,.7)}img{height:45px;border-radius:5px}.movie-title{font-size:13px;margin-top:8px;letter-spacing:1px;text-decoration:none}}}}}}footer{background-color:#000;color:#fff;text-align:center;padding:20px 10px 30px;h4{max-width:1200px;margin:0 auto}}@media (max-width:1200px){h1{font-size:32px}h2{font-size:22px}h3{font-size:18px;font-weight:400;line-height:27px}h4{font-size:16px;line-height:26px}main{.container{width:764px;.welcome-text{font-size:15px;line-height:24px;letter-spacing:0}.movie-list{a{.movie{img{height:50px}.movie-title{font-size:11px}}}}}}}@media (max-width:800px){h1{font-size:27px}h2{font-size:22px}h3{font-size:16px;line-height:24px}h3,h4{letter-spacing:0}h4{font-size:15px;line-height:23px}main{padding:6px;.container{width:100%;padding:20px 10px;header h1{margin-bottom:30px}.movie-list{gap:8px;a{.movie{padding:8px 8px 5px;img{height:50px}}}}}}}