body {
        background-color: black;
        height: 100vh;
        align-items: center;
        justify-content: center;
}
.terminal {
        /*
        border: solid black;
        padding:30px;
        margin:30px;
        */
        border: 10%;
        padding: 10%;
  background-color: black;
  background-image: radial-gradient(
    rgba(0, 150, 0, 0.75), black 120%
  );
  height: 80%;
  width: 80%;
  overflow: hidden;
  color: white;
  font: 1.3rem Inconsolata, monospace;
  text-shadow: 0 0 5px #C8C8C8;
}
.terminal::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
      0deg,
      rgba( 0, 0, 0, 0.15),
      rgba( 0, 0, 0, 0.15) 1px,
      transparent 4px,
      transparent 4px
    );
    pointer-events: none;
}
::selection {
  background: #0080FF;
  text-shadow: none;
}
pre {
  margin: 0;
}

.box h1::after {
  content: "";
  width: 0.4em;
  height: 0.8em;
  background: white;
  display: inline-block;
  margin-left: 10px;
  animation: cursor-blink 1.8s steps(2) infinite;
}
.box p::after {
  content: "";
  width: 0.6em;
  height: 1em;
  background: white;
  display: inline-block;
  position: relative;
  top: 0.1em;
  margin-left: 2px;
  animation: cursor-blink 1.8s steps(2) infinite;
}
@keyframes cursor-blink {
  0% {
    opacity: 0;
  }
}