body {
    background-color: black;
    font-family:'Courier New', Courier, monospace;
    color: rgb(47, 255, 54);

}
.collapsible {
    background-color: #0f580b;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
  
  .active, .collapsible:hover {
    background-color: #062504;
  }
  
  .content {
    padding: 0 18px;
    background-color: rgba(0, 255, 17, 0.308);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .type {
    display:inline-block;
  }
  .type > span {
    display:grid;
    overflow: hidden;
    height:1.2em;
  }
  .type span span {
    width:0%;
    max-width:max-content;
    overflow: hidden;
    height:inherit;
    word-break:break-all;
    animation:
      c 0.5s  steps(1),  
      t 2s linear  alternate,
      m 12s steps(3) ;
  }
  .type span span:before {
    content:" ";
    display:inline-block;
  }
  @keyframes t{
    90%,100% {width:100%}
  }
  @keyframes c{
    0%,100%{box-shadow:5px 0 0 #0000}
    50%    {box-shadow:5px 0 0 red  }
  }