body { flex-direction: column !important; background: var(--landing-body-background); } .changelog { padding: 20px; border-radius: 12px; background: var(--details-card-background); box-shadow: var(--task-shadow); } .changelogs-list { display: flex; flex-direction: column; gap: 50px; max-width: 800px; margin: 20px auto 50px auto; padding: 30px; overflow-y: auto; } .changelogs-list .title h2 { color: var(--color-text); font-size: 1em; font-weight: var(--text-weight); font-family: var(--font-body); } .changelog-title-container { display: flex; flex-direction: row; align-items: center; gap: 10px; flex-wrap: wrap; } .changelog-title-container h2 { font-size: 2rem; margin: 0; } .title { text-align: center; --button-background: var(--details-action-background); --button-shadow: var(--details-action-shadow); } h1 { color: var(--color-text-bright); } .changelog-version { color: var(--color-text-bright); } .changelog-version__number { color: var(--color-magenta-500) } .title > p { margin: 0; } .changelog-copy-link { --button-background: transparent; } @media (max-width: 400px) { .changelog-title-container h2 { font-size: 1.5rem; } }