#menuDisplay{
//position:absolute;
//top:0px;
//bottom:50px;
//height:100%;
//background-color:cyan;	
//width:100%
	
}

body{
	margin-top:0px;
	background-color:black;
	font-family: 'Gaegu', cursive;
	height:100%;
	
}

#main{
	
  //height: 560px;
  max-width: 850px;
  position: relative;
  //top: 50px;
  //left: 50%;
  //transform: translate(-50%);
  background-color: rgb(13, 96, 143);
  border-radius: 10px;
  //box-sizing: border-box;
  border: 10px solid #1d3c6a;
  margin:auto;
}

p{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 30px;
	//margin-top: 20px;
	//margin-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	//background-color: transparent;
}
#audio{
	font-size: 20px;
	
}
#title {
	font-size: 35px;
	
}
#desc {
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.big{
	
	font-size:50;
}
button{
	font-family: 'Gaegu', cursive;
	font-size: 20px;
}

#buttonTest {
	font-size: 80px;
	background-color:green;
}

#buttonInitial {
	background-color: #778897;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px;
		
}
#b1button1 {
	//position: absolute;
	//bottom:50px;
	//background-color: #778897;
	//width: 250px;	
	font-size: 20px;
	//color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 20px 0px 10px 0px;
	padding: 10px 10px;
		
}
#b2button1,#bQuizbutton1 {
	//position: absolute;
	//bottom:150px;
	background-color: #cd486b;
	//width: 250px;
	//width: 100%;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}
#b2button2, #bQuizbutton2 {
	//position: absolute;
	//bottom:50px;
	background-color: #3b5998;
	//width: 250px;
	//width: 100%;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}
#div1 {
	//position: absolute;
	//bottom:150px;
	background-color: #cd486b;
	//width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}
#div2 {
	//position: absolute;
	//bottom:50px;
	background-color: #3b5998;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}
#buttonInitial:focus, #b1button1:focus, #b2button1:focus,#bQuizbutton1:focus, #bQuizbutton2:focus,#b2button2:focus, #btnWs:focus, #btnFb:focus, #btnAds:focus, #btnAgain:focus {
	outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#nameInput {
     font-size:20pt;
	 font-family: 'Gaegu', cursive;
     //height:420px;
     width:200px;
    }

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#btnWs {
	background-color: #34af23;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 5px 0px 5px 0px;
	padding: 10px 10px;
		
}

#btnWs:hover {
	cursor: pointer;
	background-color: #1f6915;
	
}

#btnFb {
	background-color: #3b5998;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 5px 0px 5px 0px;
	padding: 10px 10px ;
		
}

#btnFb:hover {
	cursor: pointer;
	background-color: #2f4779;
	
}

#btnAds {
	background-color: #cd486b;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}

#btnAds:hover {
	cursor: pointer;
	background-color: #7b2b40;
	
}


#btnAgain {
	background-color: #778897;
	width: 250px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px;
		
}

#btnAgain:hover {
	cursor: pointer;
	background-color: #57636e;
		
}

.button{
	
	width: 250px;
	font-size: 20px;
	color: #fff;
	//border: none;
	background-color: #2f4779;
	border: 1px solid #1d3c6a;
	border-radius: 10px;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px;
	
}


.grey{
	background-color: #778897;
	color: #fff;
	
}

.blue{
	background-color: #2f4779;
	color: #fff;
	
}

.red{
	background-color: #7b2b40;
	color: #fff;
	
}

.green{
	background-color: #1f6915;
	color: #fff;
	
}


/* Style From DropDown Menu */



.hide {
    max-height: 0 !important;
}

.dropdown{
	border: 0.1em solid black;
	width: 10em;
	margin-bottom: 1em;
}

.dropdown .title{
	margin: .3em .3em .3em .3em;	
	width: 100%;
}

.dropdown .title .fa-angle-right{
	float: right;
	margin-right: .7em;
	transition: transform .3s;
}

.dropdown .menu{
	transition: max-height .5s ease-out;
	max-height: 20em;
	overflow: hidden;
}

.dropdown .menu .option{
	margin: .3em .3em .3em .3em;
	margin-top: 0.3em;
}

.dropdown .menu .option:hover{
	background: rgba(0,0,0,0.2);
}

.pointerCursor:hover{
	cursor: pointer;
}

.rotate-90{
	transform: rotate(90deg);
}

/* For form style */

.form {
	border: 0.1em solid black;
	height: 2em;
	
}