@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);


html{
height:100%;
padding:0px;
}

body{
	border:30px solid white;
	font-family:Montserrat, Gotham, Helvetica, Verdana, sans-serif;
	height:100%;
	box-sizing:border-box;
	padding:0px;
	margin:0;

 background: linear-gradient(317deg, #2c3e50, #4475c5);
background-size: 400% 400%;

-webkit-animation: pieplubkg 3s ease infinite;
-moz-animation: pieplubkg 3s ease infinite;
-o-animation: pieplubkg 3s ease infinite;
animation: pieplubkg 3s ease infinite;

@-webkit-keyframes pieplubkg {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@-moz-keyframes pieplubkg {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@-o-keyframes pieplubkg {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@keyframes pieplubkg {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
}

h1{
/*height:100%;*/
text-align:center;
color:white;
margin:0;
position:absolute;
top:45%;
font-size: 50px;
}

.info{
	padding-left: 1em;
}

.info__link{
	color: white;
	text-decoration: none;
	border-bottom: 1px solid;
	transition: border 0.2s;
}

.info__link:hover{
	border-bottom: 1px solid transparent; 
}