Card by aadium
#212121
1.card { 2 background-color: #1e2127; 3 border: 3px solid #61dafb; 4 display: flex; 5 flex-direction: column; 6 align-items: center; 7 justify-content: center; 8 font-size: 26px; 9 font-weight: 700; 10 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 11 padding: 30px 20px; 12 color: #61dafb; 13 border-radius: 45px; 14} 15 16.App-logo { 17 pointer-events: none; 18 margin-top: -10px 19} 20 21.App-button { 22 padding: 10px 20px; 23 background-color: transparent; 24 color: #61dafb; 25 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 26 font-size: 15px; 27 border: 3px solid #61dafb; 28 border-radius: 5em; 29 margin-top: 20px; 30 transition: 0.2s; 31} 32 33.App-button:hover { 34 color: #1e2127; 35 background-color: #61dafb; 36} 37 38@media (prefers-reduced-motion: no-preference) { 39 .App-logo { 40 animation: App-logo-spin infinite 5s linear; 41 } 42} 43 44@keyframes App-logo-spin { 45 from { 46 transform: rotate(0deg); 47 } 48 49 to { 50 transform: rotate(360deg); 51 } 52}
920 views
920 views
Variations
4657 views
598 views
502 views
MIT License