<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-block: 1rem;
}

form * {
    margin-block: 0.2rem;
}

select {
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    width: max-content;
    height: max-content;
    background-color: rgb(var(--primaryColor));
    color: white;
    border: none;
    cursor: pointer;
}

input[type="submit"] {
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    width: max-content;
    height: max-content;
    background-color: rgb(var(--primaryColor));
    color: white;
    font-size: 1.2rem;
    border: none;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: rgb(var(--activeButtonColor));
}

table, th, td {
    border-collapse: collapse;
}

table {
    width: 100%;
    margin-inline: 5%;
    text-align: center;
}

tr {
    border: 3px solid rgb(var(--primaryColor));
}

th {
    background-color: rgb(var(--primaryColor));
    color: white;
    font-size: 1.5rem;
    height: 5vh;
}

td {
    height: 5vh;
}

.specialTd {
    font-weight: bold;
    color: rgb(var(--primaryColor));
}

:is(.errorMessage, .warningMessage) {
    font-weight: bold;
}</pre></body></html>