.logo{
  margin-right: 10px;
  animation-name: logo_circular;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
@keyframes logo_circular{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
header{
  display:flex;
  align-items: center;
  animation-name: bienvenidos;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  font-size: 38px;
}
@keyframes bienvenidos{
  0%{
    color: black;
    margin-left: 80px;
  }
  50%{
    color: yellowgreen;
  }
  100%{
    margin-left: 400px;
    color: blue;
  }
}
section{
  text-align: center;
  display:block;
  color:white;
  background-color: #e2f3;
  max-width: 50%;
  margin:auto;
}
body{
  background-image: url("atardecer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
img{
  width: 40px;
}
.redes{
  margin-top: 20px;
}
button{
  margin-top: 20px;
}
a{
  text-decoration: none;
}