#index_body {
    background-color: #00adef;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

#app_body {
    margin: 0px;
    font-family: "Montserrat", sans-serif;
}

#header {
    background-color: #00adef;
    padding: 5px;
    margin: 0px;
    display: flex;
}

#logo {
    flex-grow: 1;
}

#app_content {
    padding: 2vw
}

#admin_main, #qbox {
    background-color: gainsboro;
    text-align: center;
    padding: 1vw;
    margin: 0px;
}

input, select {
    padding: 3px;
    margin: 3px;
    border-radius: 3px;
    border-width: 1px;
    font-family: "Montserrat", sans-serif;
}

#new_question_wrapper {
    text-align: center;
}

#button {
    background-color: #122556;
    border: none;
    color: white;
    padding: 7px;
    border-radius: 7px;
    font-weight: 800;
}

#answer_list_wrapper {
    display: grid;
    grid-template-columns: 6% 64% 15% 15%;
    grid-row-gap: 1em;
    font-size: .75em;
}

#leaderboard_wrapper {
    display: grid;
    grid-template-columns: 8% 92%;
    grid-row-gap: 1em;
    font-size: .75em;
}

#alist_number, #leaderboard_number {
    grid-column: 1;
    font-size: 1.5em;
    font-weight: 900;
    text-align: center;
}

#alist_detail, #leaderboard_detail {
    grid-column: 2;
}

#alist_correct {
    grid-column: 3;
    text-align: center;
}

#alist_winner {
    grid-column: 4;
    text-align: center;
}

.alist_header {
    background-color: #00adef;
}