* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 1.0em;  
}


h3 {
  font-size: 1.4em;  
  font-weight: lighter;
  color: #bbb;
}


a:first-child {
  filter: hue-rotate(270deg);
}
a:nth-child(2) {
  filter: hue-rotate(110deg);
}


@keyframes turn {
  0% {
    left: -100%;
}
  50%,100% {
    left: 100%;
  }
}

@keyframes turn2 {
  0% {
    top: -100%;
}
  50%,100% {
    top: 100%;
  }
}

@keyframes turn3 {
  0% {
    right: -100%;
}
  50%,100% {
    right: 100%;
  }
  
  @keyframes turn2 {
  0% {
    bottom: -100%;
}
  50%,100% {
    bottom: 100%;
  }