@media (prefers-color-scheme: dark) {
    body, html {
        font-size: 24px;
        font-family: 'Montserrat', serif;

        color: #E1E3E8;
    }

    .body-background {
        background-color: #2B2B2B;
    }

    .app-title {
        text-shadow: 2px 2px #636366;
        font-weight: 600;
        font-size: 64px;
    }

    .app-title2 {
        font-weight: 600;
        font-size: 40px;
    }

    .app-sub-title {
        font-size: 16px;
        color: #D5D7DC;
        font-weight: 300;
    }


    a:link {
        color: #E1E3E8;
        background-color: transparent;
        text-decoration: none;
    }

    a:visited {
        color: #E1E3E8;
        background-color: transparent;
        text-decoration: none;
    }

    a:hover {
        color: #E1E3E8;
        background-color: transparent;
        text-decoration: underline;
    }

    a:active {
        color: #E1E3E8;
        background-color: transparent;
        text-decoration: underline;
    }
}

@media (prefers-color-scheme: light) {
    body, html {
        font-size: 24px;
        font-family: 'Montserrat', serif;

        color: black;
    }

    .body-background {
        background-color: white;
    }

    .app-title {
        text-shadow: 2px 2px #ACADAF;
        font-weight: 600;
        font-size: 64px;
    }

    .app-title2 {
        font-weight: 600;
        font-size: 40px;
    }

    .app-sub-title {
        font-size: 16px;
        color: #131313;
        font-weight: 300;
    }


    a:link {
        color: #131313;
        background-color: transparent;
        text-decoration: none;
    }

    a:visited {
        color: #131313;
        background-color: transparent;
        text-decoration: none;
    }

    a:hover {
        color: #131313;
        background-color: transparent;
        text-decoration: underline;
    }

    a:active {
        color: #131313;
        background-color: transparent;
        text-decoration: underline;
    }
}

@media (max-width: 767px) {
    .app-logo {
        display: none;
    }

    .app-title-section {
        padding-top: 32px;
        margin-bottom: 32px;
    }

}


.app-title-section {
    padding-top: 32px;
    padding-bottom: 32px;
}

.feature-uppercase-text {
    font-weight: 700;
}

.feature-box {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
}

.download-now-box {
    padding-top: 40px;
    padding-bottom: 20px;
}

.join-now-box {
    font-weight: 500;
    padding-bottom: 40px;
}

.small-text {
    font-size: 12px;
}

.installation-step {
    padding-bottom: 16px;
}