.landing-page {
    height: 100%;
    width: 100%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;

    background: linear-gradient(-45deg, #03444a, #00a8a8, #f1bc52, #ff8f4b);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    .landing-page-body {
        margin: auto;
        width: 20%;
        min-width: 300px;

        #error-message {
            color: #222;
        }
    }

    > div {
        padding: 2%;
    }

    button {
        font-size: 1rem;
        width: 70%;
        margin-bottom: var(--pico-spacing)
    }
}