/* made by /powfu! see /resource 4 more templates and awesome code snippets! ✧ദ്ദി( ˶^ᗜ^˶ ) */

#title {
 width: 200px;
margin: auto;
margin-top: -30px;
  p {
   font-size: 40px; 
   line-height: 0px;
    text-align: center;
  }
}

#scroll {
  width: 390px;
  height: 490px;
  margin: auto;
  margin-top: 67px;
  overflow: auto;
  -webkit-mask: linear-gradient(to top, rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%);
}

body {
 background: white;
}

.text-container {  background: white;
 background-image: url(https://i.postimg.cc/g21Mt3RV/image.png);
 background-repeat: no-repeat;
 background-size: 100%;
 overflow: hidden;

}

main {
 margin: auto;
 width: 450px;
}

@font-face {
 src: url(https://files.catbox.moe/8ef2q7.ttf);
 font-family: comic;
}

*, a {
 font-family: comic; 
 font-size: 25px;
 color: black;
}

.button, .button:hover {
 background: none;
 color: black;
}

#scroll::-webkit-scrollbar {
  display: none;
}

#scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media screen and (max-width: 500px) {
 main {
   width: 330px;
  }
  #title {
   margin-top: -35px;
  }
  #scroll {
   width: 250px;
   height: 345px;
   margin-top: 45px;
  }
  *, a {
   font-size: 20px; 
  }
}