html {
  background-color: rgb(0, 0, 10);
}

.dev-container {
  display: flex;
}

.dev-container p {
  color: white;
  font-family: monospace;
  font-size: 2rem;
  overflow: hidden;

  white-space: nowrap;
  border-right: 1px solid;

  animation: typing 2s steps(24) forwards, blink 1s step-end infinite;
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}