*{	
	margin:0;
	padding:0;
   }
  
html{
width:100%;
height: 100%;
min-height: 100% !important;
}
body{
width: 100%;
height: 100%;
margin: 0;
background-color: black;
font-family: "Lucida Console", Monaco, monospace;
color:white;
font-size:1.5vw;
text-align:center;
min-height: 100% !important;
	}
	#title{
		float:left;
		width:93%;
		height:6%;
	}
	
	#filler{	
		float: left;
		margin: 1%;
		width:15%;
		padding:1%px;
		background:black;
		border-radius:20px;
		  }
	
nav{	
    position:absolute;
	float: left;
	margin: 1%;
    width:15%;
	height:3%;
    padding:1%;
    z-index: 2;
    top:1%;
    background:black;
    border-radius:20px;
      }

nav ul	{list-style:none;
		display:table;
		margin:0 auto 0 auto;
		background:black;
 	   border-radius:20px;}
       

nav li	{list-style:none;
        padding:1%;
		text-align:center;
        margin:0 2% 1% 2%;
		text-decoration:none;
        text-align:center;
        font-size:1.2vw;
        color:white;
        font-family:"Lucida Console", Monaco, monospace;
        background:black;
  	  border-radius:20px;
                     }
          
nav li a,nav li a:visited{	text-decoration:none;
                        text-align:center;
                        font-size:1.5vw;
                        color:white;
                       font-family:"Lucida Console", Monaco, monospace;
				padding:1%;
  	  border-radius:25px;
                        }

nav li a:hover{	background:white;
				color:black;
				border-radius:10px;
  	  border-radius:25px;
                 }		 
	

	header h1
	{	float:left;
		width:64%;
		font-size: 2vw;
		padding: 1%;
		background:black;
		color:white;
		border-radius:20px;
	}


	#ans{	
	float:left;
	margin: 1%;
    width:15%;
    padding:0px;
    background:black;
    border-radius:20px;
   	cursor: pointer;
    text-align:center;
    font-size:1.5vw;
    font-family:"Lucida Console", Monaco, monospace;
}
	#refresh{	
	margin: 1%;
    width:15%;
    padding:0px;
    background:black;
    border-radius:20px;
   	cursor: pointer;
    text-align:center;
    font-size:1.5vw;
    font-family:"Lucida Console", Monaco, monospace;
}

.submitButton {
  background-color: black; 
  border: 1px white solid;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 1vw;
}


#container{
			border:white solid 1px;
			border-radius:20px;
			margin:1%;
			height:88%;
			width:96%;
			padding:1%;
			float:left;
			overflow-y: hidden;
			}

			#rockets img{
				height:100%;
			}


#rockets {
		height:100%;
		width:7%;
		margin: 0px;
		padding:0 0;
		text-align: center;
		float:right;

		}
	
#topics {
		color:black;
		height:94%;
		width:93%;
		margin: 0%;
		padding: 0;
		border-radius:20px;
		float:left;
	}
	
.question{
	height:49%;
	width:49%;
	margin:0.5%;
	padding:0%;
	float:left;
	font-size:2vw;
	background:white;
	border-radius: 20px;
}

.quNum {
	text-align:left;
    margin-left: 5%;
	width:91%;
	height:10%;
	float:left;
	padding: 2%;
}

.maths {
	display: flex;
	flex-direction: column;
	text-align: center;
	width:100%;
	height:72%;
	padding:5% 0 0 0;
	float:left;
	align-items:center;
    justify-content: center;
	position: relative;
}

.answer{
	padding:5%;
	margin:0;
	background:yellow;
	border-radius:20px;
	border:1px solid black;
	min-width:50%;
	min-height:15%;
	position:absolute;
	top:25%;
}

.answerv2{
	padding:5%;
	margin:0;
	background:white;
	border-radius:20px;
	border:2px solid black;
	width:90%;
	height:100%;
	position:absolute;
	top:-20%;
	
}
/*
h2 {
	font-size: 30px;
}
*/
.button{
	cursor:pointer;
}

.hide{
		display:none;
	}
	
.line1{
	display:flex;
	flex-direction:column;
	margin:5% 5% 0% 5%;
	padding:5% 10%;
	width:70%;
	float: left;
	height: 25%;
	}

.line2{
	display:flex;
	flex-direction:column;
	margin:0% 5% 5% 5%;
	padding:5% 10%;
	width:70%;
	float: left;
	height: 25%;
	}

@media (max-width:620px){
	.question{
		height:24%;
		width:98%;
		margin:0.5%;
		padding:0%;
		float:left;
		font-size:1.5vw;
		background:white;
		border-radius: 20px;
	
	}
	html{
		width:100%;
		min-height: 100% !important;
		}
	#container{
		border:white solid 1px;
		border-radius:20px;
		margin:1%;
		min-height:88%;
		width:96%;
		padding:1%;
		float:left;
		}
		body{
			width: 100%;
			margin: 0;
			background-color: black;
			font-family: "Lucida Console", Monaco, monospace;
			color:white;
			font-size:1.5vw;
			text-align:center;
			min-height: 100% !important;
				}
			
}
.border {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 2vw;
  width: 120%;
  height: 100%;
}

th {
	background-color: lightgrey;
}

th, td {
	white-space: nowrap;
	padding:0%;
	margin:0%;
}

.rotate {
	-webkit-transform: rotate(-90deg);        
	-moz-transform: rotate(-90deg);            
	-ms-transform: rotate(-90deg);         
	-o-transform: rotate(-90deg);         
	transform: rotate(-90deg);
	padding:0%;
}