/* Stylesheet */


/* Imports */

@import url(animate.css);

@import url(https://fonts.googleapis.com/css?family=Monoton);
 
/* Selections */
::selection {
 	color: #fff;
 	background: #000;
 	text-shadow: none;
}

::-moz-selection {
 	color: #fff;
 	background: #000;
 	text-shadow: none;
}

/* Basics */

html {
	width: 100%;
	height: 100%;
	color:#fff;
	-webkit-font-smoothing: antialiased;
	background: brown;	
}
body {
	width: 100%;
	height: 100%;
	background-color: brown;
	font-family: 'Monoton', cursive;

}
#container {
	width: 100%;
	max-width: 1400px;
	margin: 50px auto ;
	text-align: center;
	-webkit-animation-name: bounceInUp;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceInUp;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1.3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceInUp;
	animation-fill-mode: both;
	animation-duration: 1.3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.muted{
	color: rgba(255, 255, 255, 0.3);
}
h1{
	color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 6s infinite linear;
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
p {
	display: block;
	margin-top:20px;
	//white-space:nowrap;
}
h1 {
	font-family: inherit; 
	display: block;
}
a {	
	display: inline-block;
	font-family: inherit; 
	color: #fff;
	border-bottom: 2px solid #fff;
	padding:5px 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
a:hover {
	/*border-bottom: 5px solid #fff;*/
	opacity: 0.6;
	//background:rgba(32, 23, 44, 0.15);
}