body{
			 margin: 0;
  			font-family: 'Ubuntu', sans-serif;
 			background-color:#121212;
 			color:white;
					}
					
	#rslt_cntnr{
			background-color:#edd3a6; 						border-radius:12px; 
			margin:0px 100px;
			text-align: center;
			color:#90452f;
			font-weight: bold;
			padding:0px;
					}
			
		#container-settings {
		background-color:#2B2B2B; 					   	border-radius:10px; 
    transition: opacity 0.3s ease; /* Add transition effect for opacity change */
    width: 85%;
    display: none;
    margin:auto;
    }

            #highscoreMessage{
         margin:auto;
        text-align: center; 
        font-family: Georgia, serif;
        color: #E7E7E7;
        font-size: 13px; 
        }
    
    
#setting_head {
	    color: #CCCCCC; 
        display: block;
        text-align: center; /* Reset text alignment for content inside settingsDiv */
    }


			

		#myTable2, 
		#myTable1,
		.strip_table_center {
				text-align: center;
					}

		        #toptable {
            border: 5px solid #CC99FF;
            border-radius: 10px;
            padding: 5px;
            border-collapse: separate !important;
            background-color: #05057a;
            table-layout: fixed;
        }
		.btn-xl {
            padding: 5pt 72pt;
            font-size: 20px;
            border-radius: 10px;
            width: 100%;
            background-color: #CC99FF;
        }

        .btn-enter {
            width: 100%;
            padding-top: 48px;
            padding-bottom: 48px;
            background-color: #f3e5f5;
        }

                 /* table, th, td
  		   {
       border:2px solid red; 
			}    */

        .btn-lg {
            width: 100%;
            height: 100%;
            /* padding: 10px; */
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #f3e5f5;
        }

		button:hover {
  			background-color: #F2D8F5;
						}

        #cube {
            margin-left: 17%;
        }

        #ans_box,
        #ques_box {
            padding: 10px;
            font-size: 20px;
            width: 100%;
            background: #9d9dfb;
            border-radius: 10px;
            color: #0707ab;
            font-weight: bold;
        }

        #table1 {
            border-spacing: 150px;
            border-radius: 10px;
        }


			.selection{
				color:white;
				background-color:#31003E; 						   border-radius:20px;
				border:1px solid black;
				outline:0px;
				}
				
				

        /* mobile screen */
        @media screen and (min-width: 601px) {
            div.Ans_review {
                font-size: 20px;
                margin: 3% auto 0px auto;
                width: 23%;
                background: #CC99FF;
                border-radius: 15px;
                display: block;
                font-family: sans-serif;
                color:black;
            }

            div.toptexts {
                font-size: 3vw;
                margin-left: 15%;
                color: #E3C553;
            }


             
            	.settinn{
 				margin-left: 12%;
 				font-size: 3.5vw;
 				color:#CC99FF;
 		  	font-weight: Bold;
				 }
				
				#container {
			background-color:#2B2B2B; 					   	border-radius:10px; 
			margin:20px 130px;
					}
					
			 #headin {
         	   color: White;
     	       font-size: 15px;
     		    
   			     }
        }

        @media screen and (max-width: 600px) 
     {
            div.Ans_review {
                font-size: 15px;
                margin: 3% auto 0px auto;
                width: 25%;
                background: #CC99FF;
                border-radius: 15px;
                display: block;
				color:black;
            }

            div.toptexts {
                font-size: 4vw;
                font-weight: Bold;
                margin-left: 8%;
                color: #CCCCCC;
            }

            
            input {
 		   display: table-cell;
 		   vertical-align: middle
						}
						

                
                .settinn{
				margin:5px 5px 0px 3%;
				/*top right bottom left*/
 				color: white;
 				font-weight: Bold;
				 }
				
	#container {
	        background-color:#2B2B2B; 
        	border-radius:2px; 
			margin:16px;
		    padding:5px;
					}
					
					
					
	 		  #headin {
         	   color: White;
     	       font-size: 15px;
   			     }
        }


/*independent */
        #count_up_timer {
            color: #FF6347;
            border-collapse: separate;
            padding: auto;

        }
        

		
		
		
       .results{
            /*
  background-image:linear-gradient(to right,#9752ff,#240750); */
            background-image: linear-gradient(to right, #8000FF, #DE00FF);
            border-radius: 15px;
            color: white;
            margin: 5%;
            font-weight: Bold;
        }