@import "reset.css";
@import "style.css";
@import "menu.css";
@import "list.css";
@import "table.css";

main {
    padding: 4rem;
    max-width: 80rem;
}

.button {
    background: none;
    border: none;
    border-radius: 0.5rem;
    color: var(--clr-grey);
    background: var(--clr-bg-light);
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 0.2);
    cursor: pointer;
}

.button:hover,
.button:active {
    background: var(--clr-grey);
    color: var(--clr-bg-light);
}

.documentation {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.documentation > h1,
.documentation > h2,
.documentation > h3 {
    margin-top: 1rem;
}

.documentation a {
    font-weight: 700;
    text-decoration: none;
    color: var(--clr-white);
}

.version-select {
    display: flex;
    justify-content: flex-end;
}

.version-select select {
    padding: 0.5rem;
    background: var(--clr-bg-light);
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 0.2);
}