header{ 
    font-family: Arial, Helvetica, sans-serif;

}
 


header h3 {
    width:50%;
}

header p {
    width: 50%;
    position: absolute;
    right: 15px;
    top: 0;
   
}

.hide{
    display: none;
}

#intro-section, #question-section,#initial-section,#highscore-section{
    text-align: center;
}
 
#question-section ul{
    list-style: none;
}
body {
    background-color: rgb(255, 255, 255);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;

}

#intro-section{
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

#highscore-section ul{
    
    list-style: none;
}

li {
    background-color: white;
    margin: 7px;

}
#start-btn, .choices{
    background-color: purple;
    color:white


}

#question-section{
    background-color: rgb(purple);
    color: rgb(white, white, white);

}

#initial-section{
    background-color: rgb(purple);
    color: rgb(white, white, white);
}
    



button#start-btn, button#save-btn {
    background-color: purple;
    color: white;
}


    /* ./assets/css/style.css */

/* Targeting the submit button */
button#start-btn,
button#save-btn {
  background-color: purple;
  color: white;
}

/* Targeting the quiz responses */
section#initial-section label#score {
  color: purple;
}

/* Targeting the link at the top */
header a {
  font-size: smaller;
}

/* Aligning the time to the right */
header p {
  text-align: right;
}