header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 90%;
  max-width: 1000px;
  box-sizing: border-box;
}

select {
  font-size: 1rem;
  border: 2px solid var(--color-fg2);
  border-radius: 4px;
  padding: 0.2rem 0.4rem;
  outline: none;
  background-color: var(--color-bg1);
}

main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  width: 90%;
  max-width: 1000px;
}

.terminal-view {
  padding: 1rem;
  box-sizing: border-box;
  background-color: var(--color-bg0);
}

.terminal-view * {
  font-family: monospace;
}

.terminal-line {
  background-color: var(--color-bg0);
  font-size: 1rem;
}

.typing-block {
  animation: blink 1s infinite linear alternate;
}

.links {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.links .separator {
  --radius: 5px;

  content: "";
  width: var(--radius);
  height: var(--radius);
  border-radius: 100px;
  background-color: var(--color-fg0);
}