body { margin: 32px; font-family: sans-serif; line-height: 1.6; color: dodgerblue; } pre, section { font-family: sans-serif; font-size: 1rem; line-height: 1.6; padding: 1em; border: 1px dashed currentColor; max-width: 80ch; margin-block: 1em; } table { border-collapse: collapse; } thead { font-weight: bold; } tr { border: 1px solid currentColor; } td { border: 1px solid currentColor; padding: 1em; } td.title { font-style: italic; } td.tags { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 8px; border: none; } .tag { display: inline-block; background-color: dodgerblue; color: white; border-radius: 1em; padding: 2px 8px; } .controller { margin-block: 32px; } span:not(.tag) { transition: transform 5s ease-in 5s, margin 5s ease-in 5s; transform: scale(1); display: inline-block; margin: 0; } span:hover:not(.tag) { transform: scale(2)!important; transition: transform 0.2s, margin 0.2s; cursor: zoom-in; margin: 4px; } h1 { margin-bottom: 0; font-size: 46px; } h2 { margin-block: 0; } .meta { display: flex; align-items: center; gap: 16px; } .links { list-style: none; padding: 0; display: flex; gap: 8px; } a { color: currentColor; font-weight: bold; }