.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: none;  /* 5px solid #FFFF00; */
  padding: 10px;
  }

span.b_ {
  color: rgb(4, 62, 253);
}

span.r_ {
  color: rgb(253, 2, 2);
}

span.script_ {
  color: rgb(253, 144, 2);
}

#typewriter {
  font-size: 0.80em;
  color:black;
  font-weight: bolder;
  line-height: normal;
  margin: 0;
  font-family: "Courier New";
  caret-color: coral;
  text-overflow: ellipsis;
}

#typewriter:after {
  content:" ";
  font-weight: 900;
  font-size: 14px;

  background-color:rgb(255, 145, 2);
  border: 2px solid;
  border-color: rgb(255, 145, 2);
  /* border-right: 1ch solid var(--caret);*/
  -webkit-animation: blink 500ms linear infinite alternate;
          animation: blink 500ms linear infinite alternate;
}

#scroll-container {
position:absolute; 
  top:50px;
  right:5px;
  height: 30vh;
  width: 300px;
  background-color: rgb(155, 146, 139);
  overflow:hidden;
border:0pt;
padding: 5px 5px 5px 5px;
font-weight: bolder;
border-radius: 15px 0px 0px 15px;
opacity: 0.5;
text-overflow: ellipsis;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}