#title {
    color: black;
    text-align:center;
}

#table {
    width: 100%;
}

#correct-row * {
    background: darkseagreen;
    color: black;
}

#correct-row:has(td:hover) * {
  background-color: lightgrey;
  color: darkgreen;
}

#incorrect-row * {
    background: lightcoral;
    color: black;
}

#incorrect-row:has(td:hover) * {
  background-color: lightgrey;
  color: darkred;
}

#upload-area {
    border-radius: 20px;
    width:100%;
    height:100%;
    margin: 100px auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upload-hover {
    border: 6px dashed var(--mdc-theme-primary);
}

.upload-normal {
    border: 6px dashed #ccc;
}

* {
    --mdc-theme-primary: #e63702;
    --mdc-theme-selected: #dea800;
    --mdc-text-field-focus-line-color: blue;
    --mdc-text-field-label-ink-color: blue;
    --mdc-text-field-caret-color:  blue;
    --mdc-theme-secondary: #dea800;
}