* {
}

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 {
  display: block;
  width: auto;
  padding: 15px;
}

#hello-world {
  color: #d6d6d6;
  font-family: 'Fira Mono', monospace;
  min-height: 4vh;
  width: 100%;
  max-height: 100px;
  text-align: center;
  max-width: 100%;
  min-width: 620px;
}

#command {
  width: 100%;
  max-height: 100px;
  font-size: 5vw;
  animation: linear;
}

#pipe {
  animation: animate 1.5s linear infinite alternate;
  max-height: 1vh;
}

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

#links-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

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

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