.card-info li {
    overflow-wrap: break-word;
    word-break: break-all;
}

@media (prefers-color-scheme: light) {
    html, body {
        background-color: #F7F9FC;
        color: #001D35;
    }

    header, .hero {
        background-color: transparent;
    }

    .card-info, .help-info {
        background-color: #FFFFFF;
    }

    a {
        color: #001D35;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #B4B8BF;
    }
}

@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #000000;
        color: #EAEFF9;
    }

    header, .hero {
        background-color: transparent;
    }

    .card-info, .help-info {
        background-color: #141414;
    }

    a {
        color: #EAEFF9;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #949297;
    }
}