Card by aadium
#212121
1.card { 2 width: 230px; 3 height: 280px; 4 border-radius: 2em; 5 padding: 10px; 6 background-color: #191919; 7 box-shadow: 5px 5px 30px rgb(4, 4, 4), 8 -5px -5px 30px rgb(57, 57, 57); 9} 10 11.profileimage { 12 background-color: transparent; 13 border: none; 14 margin-top: 20px; 15 border-radius: 5em; 16 width: 100px; 17 height: 100px; 18} 19 20.pfp { 21 border-radius: 35em; 22 fill: white; 23} 24 25.Name { 26 color: white; 27 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 28 padding: 15px; 29 font-size: 20px; 30 margin-top: 10px; 31} 32 33.socialbar { 34 background-color: #191919; 35 border-radius: 3em; 36 width: 90%; 37 padding: 14px; 38 margin-top: 15px; 39 color: white; 40 box-shadow: 3px 3px 15px rgb(0, 0, 0), 41 -3px -3px 15px rgb(58, 58, 58); 42} 43 44.card a { 45 transition: 0.4s; 46 color: white 47} 48 49#github:hover { 50 color: #c9510c; 51} 52 53#instagram:hover { 54 color: #d62976; 55} 56 57#facebook:hover { 58 color: #3b5998; 59} 60 61#twitter:hover { 62 color: #00acee; 63}
3.1K views
3.1K views
MIT License