* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #202020;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  justify-items: center;
  margin: 0;
  width: 100vw;
  height: 100vh;
}

#container {
  width: auto;
}

#banner {
  color: #d6d6d6;
  font-family: 'Fira Mono', monospace;
  text-align: center;
  font-size: 2vh;
  font-style: italic;
  margin: 5px;
  padding: 5px;
}

#hello-world {
  color: #d6d6d6;
  font-family: 'Fira Mono', monospace;
  text-align: center;
  font-size: 6vw;
}

#pipe {
  animation: animate 1.5s linear infinite alternate;
}

@keyframes animate{
  from, 49.9% { opacity: 0; }
  to, 50% { opacity: 1; }
}

#links-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px;
  margin: 5px;
}

#links-nav a {
  padding: 5px;
}

.social-icon {
  max-height: 5vh;
  max-width: 5vw;
}