@keyframes titleanim {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    25% {transform: translate(-50%, -50%) rotate(-30deg);}
    75% {transform: translate(-50%, -50%) rotate(30deg);}
    100% {transform: translate(-50%, -50%) rotate(0deg);} 
} /* there is so definitely a better method of doing this all than iterations of translate*/
@keyframes enter {
    
}
.version {
    top: 100%;
    left: 2%;
}
.new {
    top: 100%;
    left: 50%;
}
.newtitle {
    left: 50%;
    top: 95%;
}
.all {
    font-family:'Courier New', Courier, monospace;
    margin: 0;
    transform: translate(-50%, -50%);
    position: absolute;
}
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.title {
    top: 40%;
    left: 50%;
    animation-name: titleanim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    font-size: 20px;
}
.start {
    border-radius: 16px;
    font-size: 16px;
    top: 60%;
    left: 50%;
    padding: 12px 6px;
    background-color: black;
    color: aliceblue;
    transition-duration: 0.2s;
    border: 2px solid aliceblue;
}
.start:hover {
    background-color: darkslategray;
    cursor: pointer;
}