:root {
  --primary-background-color: #303446; 
  --text-color: #c6d0f5; 

  --cursor-color: #babbf1;
  --ps1-color: #81c8be;
  --console-color: #81c8be;
  --tilde-color: #81c8be;
  --cursor-color: #81c8be;
}

body {
  background-color: var(--primary-background-color);
  font-family: 'JetBrains Mono';font-size: 22px;
  font-size: 1.5rem;
  padding: 1rem;

}

h1 {
  color: var(--text-color);
}

.console {
  width: 20ch;
  font-weight: 500; 
  border-right: 12px solid var(--text-color);
	animation: blink .5s step-end infinite alternate;
}

.ps1 {
  color: var(--ps1-color);
}

.tilde {
  color: var(--tilde-color);
}

.cursor {
  color: var(--cursor-color);
}

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