body{
    font-family: Arial, Helvetica, sans-serif;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
h1{
    cursor: pointer;
    font-size: 800%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.obnoxious{
    animation-name: obnoxious;
    animation-direction: alternate;
}
.obnoxious2{
    animation-name: obnoxious2;
}
.obnoxious3{
    animation-name: obnoxious3;
    animation-direction: alternate;
}
.obnoxious4{
    animation-name: obnoxious4;
    animation-iteration-count: infinite;
    animation-duration: 100ms;
    animation-timing-function: step-end;
}

.linear-anim{
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes obnoxious {
    0% {
        background-color: rgb(255, 0, 0);
        color: rgb(0, 255, 255);
    }
    33% {
        background-color: rgb(0, 255, 0);
        color: rgb(255, 0, 255);
    }
    66% {
        background-color: rgb(0, 0, 255);
        color: rgb(255, 255, 0);
    }
}

@keyframes obnoxious2 {
    0% {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
    50% {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }
    100% {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
}

@keyframes obnoxious3 {
    0% {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
    16% {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }
    33% {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
    50% {
        background-color: rgb(255, 0, 0);
        color: rgb(0, 255, 255);
    }
    83% {
        background-color: rgb(0, 255, 0);
        color: rgb(255, 0, 255);
    }
    100% {
        background-color: rgb(0, 0, 255);
        color: rgb(255, 255, 0);
    }
}

@keyframes obnoxious4 {
    0% {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
    }
    50% {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }
}