:root {
    color-scheme: dark;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    word-wrap: break-word;

    scroll-behavior: smooth;
}

code,
code *,
pre,
pre * {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}

html {
    height: 100%;
    min-height: 100%;
}

body {
    height: auto;
    min-height: 100%;

    padding: 2rem;
    min-height: 100vh;
}

html,
body {
    line-height: 1.5;
}

ol,
ul,
ol *,
ul * {
    line-height: 1.8;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-top: 20px;
}

.buttons img {
    width: 88px;
    height: 31px;
    border: none;
    image-rendering: pixelated;
}

code {
    white-space: pre-wrap !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important;
        scroll-behavior: auto !important;
    }
}