body {
        background-image: url(https://bettysgraphics.neocities.org/images/backgrounds/pattern%20595.gif);
        display: grid;
        place-items: center; /* Centers both horizontally and vertically */
      
    }
   
#content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2px;
   box-sizing: border-box;
}

#mass-holder {
  box-sizing: border-box;
 width: 100%;
 text-align: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.textbox {
  box-sizing: border-box;
  text-align: center;
 filter: drop-shadow(7px 3px 3px white); 
}

.title {
box-sizing: border-box;
 font-size: 40px; 
}

span {
  box-sizing: border-box;
 font-size: 30px;
 text-shadow: 1px 1px 5px white;
 font-style:italic;
 font-family: Brush Script MT; 
}

 /* style for smaller devices */
    
    @media screen and (max-width: 768px) {
      
      #content {
       width: 100%; 
       min-width: 0;
      }
      
      .massholder {
       width: 100%; 
       max-height: none;
      }
    }