html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;	
	background: #082132 url('background.webp') no-repeat center center fixed;
	background-size:cover;
        -webkit-animation: slidein 100s;
        animation: slidein 100s;

        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;

        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

        -webkit-animation-direction: alternate;
        animation-direction: alternate;  
}
.center
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(75, 75, 250, 0.3);
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
	text-align:center;
	color: #A6E7FA;
	font-family: 'Arial Regular', 'Verdana', sans-serif;
	font-weight: lighter;
	text-transform:uppercase;
}
a {
	background-color: transparent;
}
img {
	border: 0;
	border-style: none;
	width:350px;
	height:350px;
}


@-webkit-keyframes slidein {
	from {background-position: bottom; background-size:3000px; }
	to {background-position: -100px 0px;background-size:2750px;}
}

@keyframes slidein {
	from {background-position: bottom;background-size:3000px; }
	to {background-position: -100px 0px;background-size:2750px;}
}