html, body {
    /* fallback for older browsers */
    background-color: #d1eaff;
    /* Gradient */
    background-image: radial-gradient(circle, #cbd9e8 0%, #d1eaff 100%);
}

@media only screen and (min-width: 1100px) {

    html,
    body {
        height: 100%;
        margin-inline: 200px;
        padding: 0;
    }

    .content {
        padding-inline: 30px;
    }
}

@media only screen and (max-width: 1100px) {
    html, body {
        height: 100%;
    }
    .content {
        padding-inline: 15px;
    }
}