.hideInput, input[type=text].hideInput {
    visibility: hidden;
    position: absolute;
}

/* new stuff */

h1 {
    text-decoration: underline;
}

.subtitle {
    font-weight: bold;
    text-decoration: underline;
}

.welcome-btn {
    display: block;
    float: right;
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
}

.info {
    font-size: 90%;
    font-style: italic;
}

.wobble {
    transform: rotate(0);
    animation: 
        wobble forwards infinite 0.5s, /* infinite makes it keep wobbling unitl it rests */
        rest forwards 3s; /* = wobble reps x wobble time */
    animation-iteration-count: 
        wobble 5, 
        rest 1;
}

@keyframes wobble {
    0% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}
@keyframes rest {
    100% {
        transform: rotate(0deg);
    }
}

@media (max-width: 1024px ) {
    .spacing {
        display: none;   
    }
}