* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
 }
 .quiz-section {
    background: linear-gradient(to right, #F6490F, #F27813, #EF9614);
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .container{
   width: 80vw;
   max-width: 80%;
   background-color: beige;
   height: 80vh;
   box-shadow: 0 0 5px 4px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 8px;
   text-align: center;
 }

 #question-num{
   font-weight: bold;
 }
 
.score {
    font-size: large;
    font-weight: bold;
 }
 
 #user-score {
    color: #EF9614;
 }
 
 #total-score {
    color: #F6490F
 }
 .btn {
    font-size: large;
    font-weight: bold;
    box-shadow: 0 6px 12px -2px rgba(#F27813, .15);
    background: #EF9614;
    border-radius: 4px;
    padding: 10px;
    color: beige;
    margin: 6px;
    cursor: pointer;
 }
 .options {
    padding: 10px;
    order: 3;
 }
 
 .multiple{
   display:block!important;
   
 }
 .btn-answer{
   display: inline-block!important;
   
 }
 
 .btn-text{
   background: #f4a93a;
  
 }
 
 
 .controls {
    padding: 10px;
    order: 4;
 }
 
.hide {
    display: none;
 }