@import "https://fonts.googleapis.com/css?family=Ubuntu:100";

*{margin:0;
padding:0;
}

html{min-height:100vh;}

body a{text-decoration:none;
color:#fff;}

body{min-height:100vh;
font-family: "Ubuntu", sans-serif;
	background:#000033;
	background-size:400% 400%;
	position:relative;
	animation:change 10s ease-in-out infinite;
	}

@keyframes change{
	0%{
		background-position: 0 50%;
	}
	50%{
		background-position: 100 50%;
	}
	100%{
		background-position: 0 50%;
	}
}

@-webkit-keyframes change{
	0%{
		background-position: 0 50%;
	}
	50%{
		background-position: 100 50%;
	}
	100%{
		background-position: 0 50%;
	}
}

body a{text-decoration:none;
}

#global_wrapper{min-height:100vh;
width:100vw;
}

#nav_header{
	width:100%;
	height:2.6em;
	background:linear-gradient(to right, #f32170, #ffeb07, #2196f3, #ff00eb);
}  

#nav_header ul{width:90%;
margin-left:5%;
margin-right:5%;}

#nav_header li{width:33.3334%;
	list-style:none;
	float:left;
	text-align:center;
	height:auto;
	font-size:1em;
padding-top:0.8em;
font-weight:bold;
cursor:pointer;}


#nav_header a{color:#fff;
transition: 0.2s ease-in-out;
}

#nav_header a:hover{color:#000033;
transition: 0.2s ease-in-out;
}


#login_nav_header{
	display:none;
	width:100%;
	height:2.6em;
	background:#fff;
}




@media only screen and (max-device-width:540px) {

#nav_header li{font-size:0.8em;
padding-top:1.1em;}

}

@media only screen and (max-device-width:320px) {
	
#nav_header li{font-size:0.65em;
padding-top:1.5em;
}

}