:root {
    --default-font: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    --default-color: rgb(50,50,50);
    --hover-color: rgb(130,130,130);
    --background-color: rgb(5,5,5);
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    font-family: var(--default-font);
    background-color: var(--background-color);
}

#maintext {
    animation: bounce; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}

#content {
    font-family: var(--default-font);
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: var(--default-color);
    text-align: center;
    user-select: none;
}
#copyright {
    font-family: var(--default-font);
    color: var(--default-color);
    user-select: none;
    position: absolute;
    font-size: 11px;
    margin: 10px;
    opacity: 0.2;
    bottom: 0%;
    right: 0%;
}
#music {
    font-family: var(--default-font);
    color: var(--default-color);
    user-select: none;
    position: absolute;
    font-size: 11px;
    margin: 15px;
    bottom: 0%;
    left: 0%;
}
#musicTitle {
    text-transform: lowercase;
}

button {
    user-select: none;
    font-family: var(--default-font);
    border: none;
    margin: 0;
    text-align: center;
    background-color: inherit;
    color: var(--default-color);
    cursor: pointer;
    display: inline-block;
    text-decoration: underline 0.1em var(--background-color);
    text-underline-offset: 0.1em;
    transition: text-decoration-color 300ms, text-underline-offset 300ms;
}

button:hover {
    color: var(--hover-color);
    text-decoration-color: var(--hover-color);
    text-underline-offset: 0.1em;
}