.help-modal {

    border-radius: 1rem;
    box-shadow: 0 4px 16px rgba(0 0 0 / 50%);
    background-image: url(/assets/images/bg.jpeg);
    background-color: rgba(var(--color-bg-rgb), 0.9);
    background-blend-mode: lighten;
    padding: 0;

    &>div {
        max-height: 90vh;
        padding: 25px 0 25px 0;

        &>h1 {
            font-size: 2.4rem;
            font-weight: 600;
            margin: 0 30px;
        }

        &>article {
            max-height: 60vh;
            overflow: auto;
            padding: 0 30px;
            margin: 20px 0px;
        }
    }

    & .close {
        text-align: center;
    }

    & a {
        text-decoration: underline;
    }
}