.card { width: 100%; padding: 1.2em 1.2em 0.8em 1.2em; border: 1px solid; border-radius: var(--rounded-edge-radius); font-size: 0.85em; color: var(--medium-dark); border-color: var(--kinda-light); /* light-dark theme switch fading */ transition: border 0.25s ease; } .name { font-size: 1.2em; font-weight: 600; } .description { margin-top: 0.7em; margin-bottom: 0.5em; line-height: 1.7; } .meta { display: flex; flex-wrap: wrap; align-items: baseline; } .meta_item { margin-right: 1.5em; font-size: 0.875em; line-height: 2; color: var(--medium); } .meta_link { color: inherit; text-decoration: none; } .meta_link:hover { color: var(--link); } .octicon, .language_color { width: 16px; height: 16px; vertical-align: text-bottom; margin-right: 0.5em; } .language_color { display: inline-block; width: 1.15em; height: 1.15em; border-radius: 50%; position: relative; vertical-align: text-top; }