#212121
1.card { 2 color: #fff; 3 margin: 40px auto; 4 background-color: rgba(255,255,255,0.06); 5 border: 1px solid rgba(255,255,255,0.1); 6 width: 100%; 7 border-radius: 15px; 8 padding: 32px; 9 backdrop-filter: blur(10px); 10} 11 12.heading { 13 font-weight: 700; 14 margin-bottom: 15px; 15 text-align: center; 16 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 17} 18 19.heading span { 20 display: inline-block; 21 background-clip: text; 22 color: #3498db; 23} 24 25.content { 26 display: flex; 27 justify-content: space-around; 28 margin-bottom: 20px 29} 30 31.item { 32 align-items: center; 33 display: flex; 34 flex-direction: column; 35 font-size: 14px; 36 text-align: center; 37 transition: 0.3s; 38} 39 40.item svg { 41 height: 48px; 42 margin-bottom: 5px; 43 width: 48px; 44} 45 46.item--create, 47.item--post, 48.item--inspire { 49 color: #5a5aeb !important; 50} 51 52.content .item { 53 display: flex; 54 align-items: center; 55 justify-content: center; 56 flex-direction: column; 57 text-transform: uppercase; 58 font-weight: 700 59} 60 61.content .item span { 62 margin-top: 8px; 63 font-size: 14px; 64 color: #f1f1f1; 65 font-weight: 400; 66 cursor: pointer 67} 68 69button { 70 display: inline-block; 71 padding: 24px 32px; 72 border: 0; 73 text-decoration: none; 74 border-radius: 15px; 75 background-color: rgba(255,255,255,0.1); 76 border: 1px solid rgba(255,255,255,0.1); 77 backdrop-filter: blur(30px); 78 color: rgba(255,255,255,0.8); 79 font-size: 14px; 80 letter-spacing: 2px; 81 cursor: pointer; 82 text-transform: uppercase; 83} 84 85button:hover { 86 background-color: rgba(255,255,255,0.2); 87}
332 views
332 views
Comments
MIT License