.inner-header {
    height: 65vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*
 * Fallback backdrop of the signin/signup pages. It stays visible when the admin
 * picked "nothing", on mobile where the animations are switched off, and behind
 * an animation while it paints. The animated backgrounds live in
 * assets/css/signin-animations.css, the mode is chosen in Settings -> General ->
 * Login background.
 */
body {
    background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
    color: white;
}

.flex {
    /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

@media (max-width: 768px) {
    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}