:root {
    --banner: royalblue;
    --bannerText: white
}

header {
    height: 80px
}

.grid {
    flex-wrap: wrap;
}

#tabs .button {
    width: 50px;
    font-size: 120%
}

/* .grow-in {
    animation: growIn 0.4s ease-out forwards;
} */

@keyframes growIn {
    from {
        transform: scale(0.7);
    }

    to {
        transform: scale(1);
    }
}

.jump {
    animation: jump 0.4s ease-out;
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
    }
}