body {
    background-color: orange;
}
.container {
    background-color:white ;
    height: 500px;
    width: 700px;
    margin: auto;
    margin-top: 200px;
}

.timer {
    background-color: white;
    height: 60px;
    width: 80px;
    border-style: solid;
    border-width: 5px;
    border-color: red;
    float: right ;
    text-align: center;
    font-size: 32px;
    
}

.quizbox {
    background-color: purple;
    color:whitesmoke;
    text-align: center;
    height: 340px;
    width: 590px;
    position: absolute;
    margin-top: 100px;
    margin-left: 50px;

}

.startbutton {
    background-color: cyan;
    height:40px;
    width: 75px;
    position: absolute ;
    margin-top: 450px;
    margin-left: 290px;


}

.choice {
    background-color: cyan;
    height: 30px;
    width: 300px;
    

}

h1 {
    text-align: center;
}


#scoreCard {
    display: none;
    text-align: center;
    margin-top: 50px ;
}

    #wrapper {
        margin: 100px auto 0 auto;
        max-width: 600px;
      }
   
      ol {
        padding-left: 0px;
        max-height: 400px;
        overflow: auto;
      }

      li {
        padding: 5px;
        list-style: decimal inside none;
      }

      li:nth-child(odd) {
        background-color: whitesmoke;
      }

      .userAnswer {
        
        font-size: 120%;
        margin-top: 20px;
        padding-top: 10px;
        color: black;
        border-top: 5px solid cyan;
        text-align: center;
      }

      .hide {
          display:none;
      }

      /* .center {
        
          
          margin-right: 110px ;
      } */

      .btn {
        display: inline-block;
        margin: 5px;
        cursor: pointer;
        font-size: 100%;
        background-color: cyan;
        border-radius: 5px;
        padding: 2px 10px;
        
        border: 0;
        transition: background-color 0.1s;
        
      }

      #btnDiv {
          justify-content: center;
          display: flex;
      }