.main{
	width:100%;
	height:100%;

	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	/* test code*/
	transition:all 0.4s ease;
}
.text{
	padding-top: 20px;
	color:#a4cdac;
}
.menu-toggle{
	display: block;
	text-decoration:none;
	margin-top:20px;
	font-size: 18px;
}
.menu-toggle:hover{
	color:#262626;
	font-size:19px;
}
/*  nav bar style */
.navbar{
	position:fixed;
	height:100%;
	width:60%;
	top:0px;
	left:0px;
	background-color: #191919;
	overflow:hidden;
	/* animation set position*/
	-webkit-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);/*  */
	-moz-transform:translate(-100%,0);
	-o-transform:translate(-100%,0);
	transform:translate(-100%,0);
	/*animation set speed */
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	/* test code*/
	transition:all 0.4s ease;	
}
/* navbar style font*/
.navbar h2{
	padding:20px 0px;
	color:#275c3d;
	text-align:center;
}
nav a{
	display:block;
	text-decoration:none;
	font-size:18px;
	color:#fff;
}
nav a:hover{
	color:#fff;
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
}