Untitled
unknown
plain_text
3 years ago
2.6 kB
2
Indexable
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap'); *{ margin: 0; padding:0; box-sizing: border-box; } html {font-family: 'Roboto', sans-serif;} .movie-card{ display: flex; align-items: center; height: 75vh; margin-top: 5rem;; background: linear-gradient(to right, rgb(73, 72, 72) 150px, rgba(138, 126, 126, 0.84) 100%), url('../images/backround.jpg'); background-size: cover; } .movie-poster-container{ height: 85%; width: 30%; text-align: right; } .movie-poster { height: 100%; border-radius: 5px; margin-right: 2rem; } .movie-info-container { height: 100%; width: 70%; color:#fff; padding-top: 2rem; } .movie-info-title { text-transform: capitalize } .movie-genres { margin-top: 1.2rem; } .movie-rating {border: 1px solid #777; color:#777; padding:0.3rem; border-radius: 5px; } .movie-duration { margin-left: 1rem; letter-spacing: 0,1rem;} .movie-duration:before {content: "\2022";} .movie-info-actions{ font-size: 0.8 rem;} .movie-info-actions ul {list-style: none;} .movie-info-actions ul li{display: inline-block; margin-right: 2rem; margin-top: 0.9rem; height: 50px; width: 50px; background-color: rgb(3, 37, 65); border-radius: 50%; } .movie-info-actions ul li a{ text-decoration: none; color:#fff; display:flex; align-items: center; justify-content: center; padding: 1rem;} .movie-info-quote{ font-style:italic; color: rgb(202, 191, 191); margin-top: 1.0rem; font-size: 0.9 rem;} .movie-info-overview-title{margin-top: 0.5rem; text-transform: capitalize; margin-bottom: 0.5rem;} .movie-info-people {margin-top: 2rem; list-style: none; } .movie-info-people li{ display: inline-block; margin-right: 12rem;} .movie-info-people li p:first-child{ font-weight: 700;} footer{margin-top: 1.5rem; text-align: center; color: #777;} footer ul li { display:inline-block; margin-top: 1.5rem; margin-bottom: 1.5rem; margin-right: 2rem;} footer ul li a {text-decoration: none; text-transform: uppercase; font-size: 1.5rem; color: #777;}
Editor is loading...