.home_contant{    
      display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    }
    @media (orientation: landscape) {
   .home_contant{    
    height: 90vh;
    }
}

@media (orientation: portrait) {
   .home_contant{    
    height: 80vh;
    }
 }


h1{
white-space: normal !important;
    margin: 0px 9% !important;
}
.text-left{
   text-align: left !important;
}
.start-btn{
   width: 80%;
}

.b{
    border: 1px solid #651a48 !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.correct_disable{
   background-color: gray !important;
   border-color: #e5e5e5 !important;
    cursor: default !important;
    pointer-events: none;
}
.disable{
   background-color: #cccccc !important;
   border-color: #bfbfbf !important;
    cursor: default !important;
    pointer-events: none;
}

table, th, td {
  border: 1px solid black;
   border-collapse: collapse;
   text-align: center;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    white-space: normal;
}
.start-btn{
   border-radius: 20px !important;
   background-color: #ffdb12 !important;
   color: #000 !important;
   text-shadow: none !important;
   font-size: 1.3em !important;
   box-shadow: rgb(93 11 49) 0px 10px 10px 0px;
}
#app_name{
   font-size:1.3em !important;
   text-align: center;
   margin: 10px;
   color: #FFFF;
   text-shadow: none;
}
.correct_answer{
      background-color: #9cd5b9 !important;
      color: #000 !important;
      text-shadow: none !important;
      border: 0px !important;
      cursor: default !important;
      pointer-events: none;
   }
.wrong_answer{
      background-color: #f7d0d0 !important;
      color: #000 !important;
      text-shadow: none !important;
      border: 0px !important;
      cursor: default !important;
      pointer-events: none;
   }
.fa-check{
      float: right;
      color: #23583c;
      font-size: 1.8em !important;
   }
.fa-times{
      float: right;
      color: #b71c1b; 
      font-size: 1.8em !important;  
   }

.soultion{
      background-color: #9cd5b9 !important;
      color: #000 !important;
      text-shadow: none;
      border: 0px !important;
      padding:10px;
      display: none;
   }
.soultion span{
   font-weight: bold;
   color: blue;
   }