#e8e8e8
1.card { 2 width: 240px; 3 height: 254px; 4 padding: 0 15px; 5 text-align: center; 6 display: flex; 7 align-items: center; 8 justify-content: center; 9 flex-direction: column; 10 gap: 12px; 11 background: #fff; 12 border-radius: 20px; 13} 14 15.card > * { 16 margin: 0; 17} 18 19.card__title { 20 font-size: 23px; 21 font-weight: 900; 22 color: #333; 23} 24 25.card__content { 26 font-size: 13px; 27 line-height: 18px; 28 color: #333; 29} 30 31.card__form { 32 display: flex; 33 flex-direction: column; 34 gap: 10px; 35} 36 37.card__form input { 38 margin-top: 10px; 39 outline: 0; 40 background: rgb(255, 255, 255); 41 box-shadow: transparent 0px 0px 0px 1px inset; 42 padding: 0.6em; 43 border-radius: 14px; 44 border: 1px solid #333; 45 color: black; 46} 47 48.card__form button { 49 border: 0; 50 background: #111; 51 color: #fff; 52 padding: 0.68em; 53 border-radius: 14px; 54 font-weight: bold; 55} 56 57.sign-up:hover { 58 opacity: 0.8; 59} 60
Comments
MIT License