:root {
  --white: hsl(0, 0%, 100%);
  --green: hsl(90.810814, 93%, 31%);
  --blue: hsl(213.75, 52%, 42%);
  --grey: hsl(0, 0%, 11%);
}

* {
  box-sizing: border-box;
  font-family: monospace;
  font-size: 18px;
  color: var(--white);
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--grey);
  width: 100vw;
  min-height: 100vh;
}

blue {
  color: var(--blue);
}

white {
  color: var(--white);
}

green {
  color: var(--green);
}

.row {
  width: 100%;
  margin: 0;
}

ul {
  list-style: none;  /* Remove default bullets */
  padding: 0;
  margin: 0;

  li::before {
    content: "- ";  /* Add custom bullet */
  }
}

ul.tree {
  li::before {
    content: "├── ";
  }

  li:last-child::before {
    content: "└── "; /* change tree shape in last element */
  }
}

.prompt {
  user-select: none;
}

.cursor {
  animation: blink 1.2s infinite; /* 1.2s is the default value in Gnome Terminal */ 

  &::before {
    content: "█";
  }
}

@keyframes blink {
  0% { opacity: 0; }
  49.99% { opacity: 0; }
  50% { opacity: 1; }
  99.99% { opacity: 1; }
}