Card by Mhyar-nsi
#212121
1.card { 2 font-family: monospace; 3 margin-top: 40px; 4 width: 350px; 5 height: 260px; 6 background: #292828da; 7 border: 2px solid #000; 8 border-radius: 15px; 9} 10 11.top { 12 display: flex; 13 justify-content: space-between; 14 align-items: center; 15 margin: 10px; 16} 17 18.dots { 19 display: flex; 20 justify-content: last baseline; 21} 22 23.dot { 24 width: 15px; 25 height: 15px; 26 border-radius: 50%; 27} 28 29.dot-1 { 30 background-color: rgb(0, 132, 255); 31} 32 33.dot-2 { 34 background-color: rgb(230, 0, 255); 35} 36 37.dot-3 { 38 background-color: rgb(0, 255, 89); 39} 40 41.top p { 42 font-size: 20px; 43 font-weight: bold; 44} 45 46.dot , .top p { 47 margin: 5px; 48} 49 50.g-color { 51 color: darkgreen; 52} 53 54.bottom { 55 margin-top: 30px; 56 padding: 0 25px; 57} 58 59.code { 60 font-size: 15px; 61} 62 63.red { 64 color: rgb(210, 63, 52); 65} 66 67.violet { 68 color: rgb(181, 40, 203); 69} 70 71.blue { 72 color: rgb(91, 131, 223); 73} 74 75.orange { 76 color: rgb(195, 128, 3); 77} 78 79.white { 80 color: rgb(163, 163, 163); 81} 82 83.space-4 { 84 margin-left: 35px; 85} 86 87.space-4x2 { 88 margin-left: 70px; 89}
2.6K views
2.6K views
MIT License