html {
    background-image: url("images/background.jpg");
    background-size: contain;
    background-repeat: round;
    animation: soothing-color 40s infinite alternate, squinting-blur 20s infinite ease-in;
    background-blend-mode: exclusion;
    // filter: saturate(0.3);
    font-family: 'Sorts Mill Goudy', serif;
    font-weight: bolder;
    font-size: 14pt ;

}

body {
    width: 94%;
    height: 1920px;
    display: flex;
    flex-direction: column;
    padding: 3% 20px;
    margin: auto;
    align-items: center;
}

footer {
    margin-top: 50px;
}

@keyframes squinting-blur {
    0%,
    52%{
        filter:blur(0.0);
    }
    62%{
        filter:blur(0.8pt);
    }
    63%{
        filter:blur(0.0);
    }
    90%{
         filter:blur(0.0);
     }
    95%{
        filter:blur(0.7pt);
    }
    96%{
        filter:blur(0.0);
    }
}

@keyframes soothing-color {
    0% {
        background-color: #000000;
    }

    20% {
        background-color: #992d22;
    }
    40% {
        background-color: #e67e22;
    }
    60% {
        background-color: #888800;
    }
    80% {
        background-color: #23b92f;
    }
    100% {
        background-color: #295cfe;
    }

}