.scrollbox {

  margin: auto;
  padding: 10px; 
  width: 290px;
  height: 180px;
  text-align: center;
  border: 4px solid #cfae99;
  border-radius: 25px;
  overflow-y: auto;
  overflow-x: hidden;

}

  

  .text-container {

   text-align: center;
  
}


.triple{

  display:grid;
  grid-template-columns: auto auto auto; /* cool alignment */
  align-items:center;        /* vertical align */
  justify-content:center;    /* center */
  

}

.overlay-container {

  position: relative;   
  display: inline-block;

}

.base {

  display: block;       /* deletes fuckass whitespace gaps */

}

.overlay {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;          /* scale to match base image */
  height: auto;
  pointer-events: none; /* overlay won't block clicks if you want */
  transform: translateY(310px);
}

 .dc {
   font-size: 15px;
   margin: -20px;
     }

p {

  line-height: 1;

}


:root[data-theme="light"] {
  --background-color: white;
  --text-color: #5e250e;
  --container-background-color: white;
  --accent-background-color: #fff4e8;
  --accent-text-color: #ebc294;
  --link-color: #ff8c57;
  
}


:root[data-theme="dark"] {

  --background-color: white;
  --text-color: #5e250e;
  --container-background-color: white;
  --accent-background-color: #fff4e8;
  --accent-text-color: #ebc294;
  --link-color: #ff8c57;

  }


@font-face {

src: url(https://files.catbox.moe/gvfl5a.ttf);

font-family: chalk;

}

 

div {

font-family: chalk;

font-size: 21px;

}