#212121
1.card { 2 width: 210px; 3 height: 280px; 4 background: rgb(39, 39, 39); 5 border-radius: 12px; 6 box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.123); 7 display: flex; 8 flex-direction: column; 9 align-items: center; 10 justify-content: flex-start; 11 transition-duration: .5s; 12} 13 14.profileImage { 15 background: linear-gradient(to right,rgb(54, 54, 54),rgb(32, 32, 32)); 16 margin-top: 20px; 17 width: 170px; 18 height: 170px; 19 border-radius: 50%; 20 box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.329); 21} 22 23.textContainer { 24 width: 100%; 25 text-align: left; 26 padding: 20px; 27 display: flex; 28 flex-direction: column; 29 gap: 10px; 30} 31 32.name { 33 font-size: 0.9em; 34 font-weight: 600; 35 color: white; 36 letter-spacing: 0.5px; 37} 38 39.profile { 40 font-size: 0.84em; 41 color: rgb(194, 194, 194); 42 letter-spacing: 0.2px; 43} 44 45.card:hover { 46 background-color: rgb(43, 43, 43); 47 transition-duration: .5s; 48}
1.1K views
1.1K views
Comments
MIT License