@charset "utf-8";
*{
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
}
body{
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.top{
	background-color:#06F;
	width:100%;
	min-width:240px;
	height:18%;
	color:#FFF;
}
.login{
	width:100%;
	height:300px;
	display:inline-block;
	line-height:300px;
	text-align:center;
	vertical-align:middle;
}
h3{
	font-weight:800;
	font-size:72px;
}
.middle{
	width:100%;
	min-width:240px;
	height:75%;
	margin-top:5%;
}
.exersize{
	display:inline-block;
	line-height:400px;
	text-align:center;
	vertical-align:middle;
	width:80%;
	margin-left:10%;
	height:400px;
	background-color:#CF9;
}
.exersize a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:72px;
	text-align:center;
	font-weight:600;
	color:#009;
}
.kongge{
	height:5%;
	width:100%;
}
.grades{
	display:inline-block;
	line-height:400px;
	text-align:center;
	vertical-align:middle;
	width:80%;
	margin-left:10%;
	height:400px;
	background-color:#CF9;
}
.grades a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:72px;
	text-align:center;
	font-weight:600;
	color:#009;
}
.exersize:hover{
	background-color:#F6C;
}
.exersize a:hover{
	color:#CCC;
}
.grades:hover{
	background-color:#F6C;
	color:#CCC;
}
.grades a:hover{
	color:#CCC;
}
.whitebuttondemo {
    margin: 20px auto;
    padding: 20px 0;
    width: 180px;
    height: 100px;

}

.whitebuttondemo a {
    background: #e25734;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-weight: bold;
    font-family:'Droid Arabic Kufi',Verdana,sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 180px;
    height: 100px;
    position: relative;
    z-index: 2;
	
	border-radius: 10px;
}


.whitebuttondemo p{
	top: 25px;
	position: relative;

}


/*.whitebuttondemo a:before {
    content:'\f002';
    font-family: FontAwesome;
    font-weight: normal;
    padding: 8px;
    margin-left: 0px;
    margin-right: 30px;
}*/

.whitebuttondemo a:hover {
    color: #fff;
}