💀 drr ac scrollboxes, cr cyberpinked

<center>
  <div id="contec">
    <span>FILE 1</span><mark>NAOCRRDS</mark>
       <p> Cake lemon drops soufflé gingerbread icing gingerbread cheesecake cheesecake. Icing cookie gummies I love I love cotton candy sugar plum. Icing chupa chups danish dragée chocolate bar cookie dessert I love.</p>
    </div>
  </div>
</center>

<style>
  @font-face {
    font-family: starborn;
    src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
  }

  @font-face {
  font-family: "VCr";
    src: url(https://cinni.net/fonts/basiic.ttf);
  }

  mark, span {
    background-color:transparent;
    font-size: 1.8em;
    font-family: starborn;
    font-weight:700;
    color:#fff;
    text-align:center;
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: #0f1315; -webkit-text-fill-color: #fff; position: relative; z-index: 9; display:inline-block;
  }


  #contec p, #contec a {
    text-align: left;
    font-family: "VCr";
    color: #83a1be;
    transition: opacity 1000ms;
  }

  #contec:hover{
    overflow-x:hidden;
    overflow-y:scroll;
  }

  #contec:hover p, #contec:hover a {
    font-size: 0.75em;
    color: #fff;
    text-align: left;
    font-family: vcr;
    -webkit-animation: text-focus-in 1s cubic-bezier(.55, .085, .68, .53) both;
    animation: text-focus-in 1s cubic-bezier(.55, .085, .68, .53) both
  }

  mark{display:none;}

  #contec:hover mark  {
    font-weight: 700;
    font-size: 1.75em;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: #a0beac;
    z-index: 9999;
    display: inline;
  }

  #contec:hover span{
    display: none;
  }

  #contec {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(160, 190, 172, 0.78);
    box-shadow: 1px 1px 5px 0px rgba(160, 190, 172, 0.78);
    border: 2px solid #d3e1d4;
    background: #83a1be;
    border-radius: 7px;
    width: 40%;
    height: 120px;
    transition: 0.6s ease;
    padding: 5px;
    cursor: help;
    overflow: scroll;
    overflow-x: hidden;
    display: inline-block;
    transition: transform 1s;
    z-index: 8;
    overflow:hidden;
  }

  #contec:hover {
    background: #83a1be;
    z-index: 9999;
    position: relative;
    width: 40%;
    height: 130px;
    transform: translate(13px, 48px) scale(1.8, 1.8);
  }

  /* ---------------------------------------------- *
Generated by Animista on 2022-4-19 11:37:1 *
Licensed under FreeBSD License. * See http://animista.net/license for more info. *
 w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
  @-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0
    }

    100% {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1
    }
  }

  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0
    }

    100% {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1
    }
  }
</style>

<br><br/>
thanks to this stack overflow question <u>https://stackoverflow.com/questions/47427056/how-to-replace-on-div-with-another-on-hover-css-only</U> 💋
<br>
THIS IS ONLY JUST A SCRATCH CODE n sub to <a href="https://youtube.com/@naocrrds">naocrrds</a> btw