html, body
{
    color: white;
    background-color: black;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 175%;
    
    margin: 0;
    padding: 0;
    
    height: 100%;
    width: 100%;
}

h1
{
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    height: 100%;
    width: 100%;

    animation: color-change 15s infinite;
}

@media (max-width: 768px)
{
    html, body
    {
        font-size: 20px;
    }
}

@keyframes color-change
{
    0%
    {
        color: red;
    }

    16.7%
    {
        color: orange;
    }

    33.3%
    {
        color: yellow;
    }

    50%
    {
        color: lime;
    }

    66.7%
    {
        color: aqua;
    }

    83.3%
    {
        color: magenta;
    }

    100%
    {
        color: red;
    }
}