#yeet {
    position: relative;
    animation-name: yeet;
    animation-duration: 4.248s;
    animation-iteration-count: 4;
    display:inline-block;
    text-align:center;
}
@keyframes yeet {
    0% {
        background-color: #9E1B32;
        left: 0px;
        top: 0px;
    }

    25% {
        background-color: yellow;
        left: -50%;
        top: 0px;
    }

    50% {
        background-color: blue;
        left: 50%;
        top: 500px;
    }

    75% {
        background-color: green;
        left: -50%;
        top: 500px;
    }

    100% {
        background-color: #9E1B32;
        left: 0px;
        top: 0px;
    }
}
.button {
    font-size: 32px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 4px;
    color: black;
    background-color: #9E1B32;
    border: none;
    border-radius: 10px;
    display:inline-block;
    margin:1px 0px;
}
span {
}
a.button:hover {
    background-color: black;
    color: grey;
    transition: background-color 500ms, color 500ms, box-shadow 500ms;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.link, .bar {
    background-color: #9E1B32;
    padding: 10px;
    border-style: solid;
    border-radius: 20px;
    border-color: dimgrey;
    top: 10px;
    margin: 10px;
    z-index: 1;
    font-family: sans-serif;
    font-size: 20px;
    display:inline-block;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
}
a {
    text-decoration: none;
}
.bar {
    position: fixed;
    margin-bottom: 10px;
    left:50px;
    min-width:min-content;
}
.link {
    position:relative;
    display:inline-block;
}
@media (max-width: 550px) {
    .bar {
        left:0px;
    }