#212121
1.card { 2 width: 250px; 3 height: 320px; 4 padding: 5px; 5 background-image: linear-gradient(#ca1eb3, #FD2E24, #FFD701 70%); 6} 7 8.card__content { 9 background-color: #212121cf; 10 backdrop-filter: blur(50px); 11 width: 100%; 12 height: 100%; 13 padding: 15px; 14} 15 16.card-details { 17 height: 100%; 18 gap: .5em; 19 display: grid; 20 place-content: center; 21} 22 23.text-body { 24 margin-top: -35px; 25 color: #ff8d79; 26 text-align: center; 27} 28 29.text-title { 30 margin-top: -125px; 31 color: #ff4d7d; 32 font-size: 1.75em; 33 font-weight: bold; 34 text-align: center; 35} 36 37.sunsetsvg { 38 width: 313px; 39 margin-left: -51.9px; 40 margin-top: -165px; 41 fill: black; 42} 43 44#sun { 45 fill: url(#MyGradient); 46}
Comments
MIT License