html { 
          background: url() no-repeat center center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
            
             height: 100vh;
        }
        
            body::-webkit-scrollbar {
            width: 0.7em;     /* width of the entire scrollbar */
            
                }
        
            body::-webkit-scrollbar-track {
              background: gray;        /* color of the tracking area */
            }
        
            body::-webkit-scrollbar-thumb {
              background-color: #F9F9F9;    /* color of the scroll thumb */
              border-radius: 20px;       /* roundness of the scroll thumb */
              border: 3px solid #F9F9F9;  /* creates padding around scroll thumb */
            }
        
           body {
              
              
               height: 100vh;
               min-height: 100vh;
              background-color: transparent;
               
          }

 .glass {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
            border-radius: 1rem;
        }

.column {
  float: left;

}

#examiner .card, 
#examiner .card-header { 
    border: none;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.left{
    
    width: 20%
}

.right{
    
    width: 80%
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} 

	#footer {
            
            
         
            
            position: relative;
            clear: both;
            margin-top: 2%;
            margin-bottom: 2%;
            background-color: #168A82;
            padding-top: 5px;
            padding-bottom: 5px;
            bottom: 0;
            color: white;
            text-align:center; 
            width: 100%;
            font-size: 90%;
           
      
            
        }
        

.answer { display: none; }
.question { display: none; } /* Hide all questions initially */
        .active { display: block; } /* Show only active question */

    /* Navbar-Toggle Icon properties */
        
    .custom-toggler.navbar-toggler { 
            border-color: white; 
        } 
        
        
        .custom-toggler .navbar-toggler-icon { 
            background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
        }
    
        
  
@media only screen and (max-width: 600px) {
    
    #empatt {
        
        font-size: 80%;
        
    }
    
}