body {
    margin: 0 auto;
}

.container {
    background: linear-gradient(15deg,
            rgb(175, 224, 227) 0%,
            rgb(175, 224, 227) 25%,
            rgb(150, 200, 210) 25%,
            rgb(150, 200, 210) 50%,
            rgb(120, 180, 190) 50%,
            rgb(120, 180, 190) 75%,
            rgb(100, 160, 170) 75%,
            rgb(100, 160, 170) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow:
        -1px 1px 0px rgb(175, 224, 227),
        -2px 2px 0px rgb(150, 200, 210),
        -3px 3px 0px rgb(120, 180, 190);
    animation: h1Animation 1.5s infinite ease-in-out alternate;
    }

@keyframes h1Animation {
    from {
        filter: opacity(80%);
    }
    to {
        filter: opacity(100%);
    }
}