body {
    font-family: sans-serif;
    color: rgb(255, 255, 255);

    animation-name: siteEnter;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-fill-mode: forwards;
}

button {
    height: 8vh;
    width: 20vh;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 75);
    cursor: pointer;
    border-radius: 1vh;

    text-wrap: normal;
    white-space: break-word;

    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

button:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);

    transform: scale(1.05);
}

button:hover:active {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 100);

    transform: scale(1);
}

@keyframes siteEnter {
    from {
        background-color: rgb(0, 0, 0);
    }

    to {
        background-color: rgb(0, 0, 50);
    }
}