html{
  height:100%;
}
body{
  font-family: "Inter", sans-serif;
  margin:0;
  color:#fff;
  height:100%;
}


h1,h2,h3,h4,h5,h6,strong{
  font-weight: 600;
}
a{
  text-decoration: none;
}

#container{
  background: linear-gradient(270deg, #000000, #444444);
  background-size: 400% 400%;
  
  -webkit-animation: AnimGradient 9s ease infinite;
  -moz-animation: AnimGradient 9s ease infinite;
  animation: AnimGradient 9s ease infinite;
  
	height: 100%;
	width: 100%;
	display: flex;
}

@-webkit-keyframes AnimGradient {
  0%{background-position:31% 0%}
  50%{background-position:70% 100%}
  100%{background-position:31% 0%}
}
@-moz-keyframes AnimGradient {
  0%{background-position:31% 0%}
  50%{background-position:70% 100%}
  100%{background-position:31% 0%}
}
@keyframes AnimGradient { 
  0%{background-position:31% 0%}
  50%{background-position:70% 100%}
  100%{background-position:31% 0%}
}

#content{
  margin: auto;
  padding: 20px;
  text-align: center;
}

#logo{
  max-width: 300px;
  margin-bottom: 40px;
}

#logo img {
  display: block;
  width: 100%;
}

p {
  margin-block: 10px;
}

#social {
  display: flex;
  flex-direction: row;
	justify-content: center;
  gap: 10px;
	margin-top: 30px;
}

#social > a {
  width: 50px;
}