html, body {
    height: 100%;
    background-color: #26578a;
}

#TeacherAudio {
    margin: 10px;
}

#Player {
    display: none;
}

#TeacherBoard {
    cursor: zoom-in;
}

#Navbar {
    display: none;
    cursor: pointer;
}

.flex-fill {
    flex: 1;
}

.header-row {
    background-color: #b5a244;
}

/* Bootstrap */

.list-group {
    min-width: 400px;
}

@media (min-width: 576px) {
    #TeacherBoard {
        min-width: 600px;
    }
}

@media (min-width: 768px) {
    #TeacherBoard {
        min-width: 800px;
    }
}