.content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100vh;
}

/* HTML: <div class="loader"></div> */
.loader {
    height: 80vh;
    aspect-ratio: 1.154;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    display: grid;
    background:
        conic-gradient(from 0deg at 50% 60%, #3A89C9 120deg, #0000 0),
        conic-gradient(from 120deg at 50% 60%, #3A89C9 120deg, #0000 0),
        conic-gradient(from 240deg at 50% 60%, #3A89C9 120deg, #0000 0),
        conic-gradient(from 0deg at 50% 60%, #9CC4E4 120deg, #0000 0),
        conic-gradient(from 120deg at 50% 60%, #9CC4E4 120deg, #0000 0),
        conic-gradient(from 240deg at 50% 60%, #9CC4E4 120deg, #0000 0),
        #3A89C9;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    animation: l8 1.5s infinite;
}

@keyframes l8 {
    0% {
        background-position: left, top, right
    }

    30%,
    50% {
        background-position: left, top, right, center, center, center
    }

    80%,
    100% {
        background-position: center
    }
}