@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500&display=swap');


.IOSbutton{
	
	cursor: pointer;
	
}

html, body {
	margin: 0;
	padding: 20;
	height: 100%;
}



    h1 {
      color: #0D00FF;
    }
    .step-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .step {
      width: 200px;
      height: 120px;
      background-color: #f5f5f5;
      border: 1px solid #ddd;
      border-radius: 4px;
      margin: 20px;
      padding: 10px;
    }
    .step h2 {
      color: #666;
      margin-bottom: 10px;
    }




 select {
        height: 10%;
			width: 80%;
        padding: 5px;
	 font-size: 24pt;
	 text-align: center; 

    }


body {
	margin: 20px;
	
			background: rgb(15, 15, 15);
	color: #000000;
	font-family: 'Manrope', sans-serif;
	text-align: center;
 	cursor:pointer; 
	font-size: 16pt;
}

input[type="text"]{
	
	border:1px;
	border-color: #000000;
	padding:5px;
 	text-align:left;
 	margin-left: auto;
  	margin-right: auto;
	font-size: 12pt;
	height: 18px;
	width : 75%;
	background-color: #AEAEF7;
}

textarea{
	background-color: #AEAEF7;
	border:1px;
	border-color: #000000;
	padding:5px;
 	text-align:left;
 	margin-left: auto;
  	margin-right: auto;
	font-size: 12pt;
	height: 48px;
	width : 75%;
	
}

td {
  text-align: left;
}

th, td{
padding:5px;	
	
	
}







* {
                box-sizing: border-box;
	
            }

				@viewport {
  				width: device-width ;
  				zoom: 1.0 ;
				} 
             
            /* CSS property for header section */
            .header {
              
                
                text-align: center;
				background-color: rgba(255,255,255,1.00);
				border: 3px solid #0D00FF;
				border-radius: 15px;
            }
             
            /* CSS property for navigation menu */
            .nav_menu {
                overflow: hidden;
                background-color: #333;
				
            }
            .nav_menu a, .signedOn  {
                float: left;
                display: block;
                color: white;
                text-align: center;
                padding: 14px 16px ;
                text-decoration: none;
            }

/*
#backgroundM{
	
	
	background-position: 50% 75%;
	background-image: url('bgb.png');
	background-repeat: repeat-y;
	background-size: cover;
}
*/		

#backgroundM{
	
	
	background-position: 50% 75%;
	background-image: url('bgb.png');
	background-repeat: repeat;
	background-size: cover;
}


            .nav_menu a:hover {
                background-color: white;
                color: green;
            }
             
            /* CSS property for content section */

				.sideContainer {
                padding: 0px;
			background-color: #00095B;
				border: 3px solid #0D00FF;
				border-radius: 15px;
                text-align:center;
					  width: 100%;
					
					float: center;
						margin: 50px auto;
					 resize: both;
					
            }

.question{
	margin:50px;
	border: 3px solid #000000;
padding:5px;
	
}
.internalContainer:hover{
	
		background: rgba(255,255,255,1.00);
}


	.internalContainer {
	transform: scale(1);
		margin:10px;
              padding: 50px;
				/*background-color: #000000; 
		*/
	background: rgba(255,255,255,.5);
				border: 3px solid #0D00FF;
				border-radius: 15px;
                text-align:center;
				overflow:scroll;
		display:inline-block;
		
			float: both;	
		 resize:both;
					height: 50%;
				max-height: 300px; 
				
		
            }
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
	
	
	
}





.tooltiptext {
padding: 6px;
  display: absolute;
  visibility: hidden;
 width:80%;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;

	bottom:0%;
	left:5%;
	

  /* Position the tooltip */
  position:absolute;
  z-index: 5;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
border: 3px solid #0D00FF;
}

		img {
	
				 max-width: 100%;
  				height: auto;
	
				}

.internalContainer::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.internalContainer {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}




		





			
			

           
            /* Media query to set website layout
            according to screen size */
            @media screen and (max-width:900px) {
				
				
				#backgroundM{
	
	
	background-position: 50% 75%;
	background-image: url('bgb.png');
	background-repeat: repeat;
	background-size: contain;
					
}
              
				
				 .sideContainer {
                    width: 100%;
					background-color: #00095B;
				border: 3px solid #0D00FF;
					float: center;
						margin: 50px auto;
					 resize: both;
                }
				
				 .internalContainer {
                    width: 100%;
					height: 50%;
					float: center;
						margin: 50px auto;
					 overflow:scroll;
					display:inline-block;
		max-height: 300px;
				padding: 6px;	 
	
                }
				
			
			
				
		
				
				button{
					font-size: 24pt;  text-align: center;
					background-color: Transparent;
				}
				
				  
    
					
				#postItT {
							
					height: 200px;			
					font-size: 30px;	
				}
				
			
			
			
				
				
			
				
         }