.navbar-light .navbar-brand {
    color: rgb(241, 160, 38)

}

body{
background-color: rgb(51, 48, 48);

}

body { 
    background: url('https://images.unsplash.com/photo-1555949963-ff9fe0c870eb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   
  }

h4{
    text-align: center;
    color: whitesmoke;
}

.card {
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10px; 
    background-color: rgb(32, 23, 23);
}
.navBtn{
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10px; 
}
/* css styling for the buttons created in js */
button{ 
    background-color: rgb(108, 194, 243); 
    border: 1px solid rgb(47, 83, 97); 
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    width: 100%; 
    display: block; /* Make the buttons appear below each other */
    
}
#start{
    background-color:  rgb(230, 173, 50); 
    border: 1px solid  rgb(47, 83, 97);
}
#next-question{
    border: 1px solid  rgb(47, 83, 97);
    color: rgb(241, 160, 38);
    visibility: hidden; 
}
.quiz{
    visibility: hidden; 
}
#question{
    color: rgb(241, 160, 38);
}
.finalScore{
    text-align: center; 
    color: rgb(241, 160, 38);
}
/* magic that creates a new line in textContent */
#myel {
    white-space: pre;
  }