body {
    background-color: #1C3144;
}

section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#quiz-box {
    background-color: #70161E;
    height: 30rem;
    width: 40rem;
    border-style: solid;
    border-radius: 25px;
    border-color: #C3D898;
    border-width: .5rem;
    margin-top: 5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

#header {
    width: 100%;
    height: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 0rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    color: rgb(210, 189, 164);
}

.quiz-el {
    font-family:'Times New Roman', Times, serif;
    font-size: 1rem;
    color: rgb(190, 161, 125);
}

#timer {
    width: 100%;
    height: 1.5rem;
    margin-top: 0rem;
}

#left-box {
    width: 50%;
    height: 25rem;
    padding: 1rem;
}

#right-box {
    width: 50%;
    height: 25rem;
    padding: 1rem;
    text-align: center;
    justify-content: center;
}

.choice-buttons {
    font-size: 1rem;
    background-color: #7EA16B;
    width: 10rem;
    height: 2rem;
    margin: 1rem;
}

.leader-input {
    width: 50%;
    margin: 2rem;
}

.leader-prompt{
   font-size: 1.5rem;
   margin-top: -4rem; 
}


.leaderboard{
    font-size: 1.5rem;
    font-style: normal;
}