#container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 2rem;
}

#header-image {
    height: 1em;
}

#controls {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

#player {
    margin-top: 3rem;
    max-width: 100%
}

#submit {
    margin-bottom: 0.5rem;
}

#start-end-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#start-end-controls > label {
    max-width: 12rem;
}

#start-end-controls > label:nth-child(1) {
    margin-right: 1rem;
}

.disabled:hover {
    cursor: not-allowed;
}

input:disabled {
    pointer-events: all;
}

#title {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 4rem;
}

#title > h1 {
    margin: 0;
}

footer {
    display: flex;
    justify-content: center;
}

#clipboard-icon {
    height: 2rem;
}

#clipboard-icon:hover {
    cursor: copy;
}

.hidden {
    visibility: hidden;
}