.body1{
    margin-top: 10% !important;
    align-content: center;
}
.card{
    /* margin-left: 25%; */
    align-items: center;
    width: 600px;
    /* background-image: url(https://www.beautycolorcode.com/312883-1366x768.png); */
    background-image: url(https://thumbs.dreamstime.com/b/question-mark-quiz-faq-puzzle-problem-seeking-advice-confusion-dicey-technology-background-149457849.jpg);
}
.card-header{
    background-color:  #0e0e85!important;
    width: 100%;
    color: black;
    font-size: 20px;
    font-style: bold;
    font: outline;
}
.input-group{
    margin: 5px 5px 5px 5px !important;
}
.btn1{
    margin-left: 63% !important;
    width: 150px;
}
.optionElement:hover {
    background-color: #0f0c29;
  }
  /* .active{
      background-color: blue;
  } */
  .active {
    background: #0f0c29;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;}


    /*start quiz */
.divbdy{
    margin-top: 25%;
}

     .name{
        align-items: center;
        color: black;
        /* margin-left: 40%;
        margin-top: 25%; */
        padding-left: 5px;
        width: 300px;
        text-align: center;
    }
    .btn2{
        align-items: center !important;
        /* margin-left: 44%;*/  
        margin-top: 10px; 
        background-color:#0f0c29 !important; 
    }
    .body2{
        background-image: url(https://cdn.hipwallpaper.com/i/57/51/3QYe8w.jpg);
    }
    .hcolor{
        color:rgb(128, 128, 128)
    }
    .pcolor{
        font-weight: bold;
        color: rgba(187, 187, 187, 0.575);
    }


    /* result.html  result of quiz*/
    .back{
        align-items: center !important;
        /* background-color:#808080; */
     background-image: url(https://i.pinimg.com/originals/39/4a/c0/394ac05a99e73438361f45b08c7b6208.jpg); 
    }
    #pass{
        align-items: center;
        margin-top: 12%;
    }
    .cen{
        align-items: center;
    }
    .bold{
        font-style: bold;
        font-size: 40px;
        color: rgb(255, 255, 255);
    }
    #pera1{
        font-size: 35px;
        color: rgb(255, 255, 255);
    }
    #failquiz{
        font-style: bold;
        font-size: 40px;
        color: rgb(255, 255, 255);
    }
    .p1{
        font-style: bold;
        font-size: 45px;
        color: rgb(255, 255, 255);
 
    }
    .hide{
    
          align-items: center;
        margin-top: 15%;
    }
    .h1{
        color: black;
    }