body {
        background-image: url(https://kamifubukiseries.neocities.org/images/3dgifmaker38402.gif);
        display: grid;
        place-items: center; /* Centers both horizontally and vertically */
      
    }
    
#content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  max-width:1100px;
  min-width: 1100px;
  padding: 2px;
   box-sizing: border-box;
}

#mass-holder {
  margin-top:10px;
 box-sizing: border-box;
 width: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.container-box {
 box-sizing: border-box;
 width: 100%;
 border: 10px double;
 border-radius: 10px;
 border-color: black;
 padding: 20px;
 background-color: white;
 text-align: center;
 font-size: 18px;
}

.title-box {
 font-size: 32px; 
}

span {
 font-family: comic sans ms; 
 color: #bf1717;
}

.sherb-portrait {
  box-sizing: border-box;
  width: 500px;
 border: 15px ridge; 
 border-color: rgb(191, 147, 36);
}

audio {
   box-sizing: border-box;
 width: 350px; 
}

button {
   box-sizing: border-box;
 width: 500px;
 height: 70px;
 border: 10px double;
 border-color: black;
 font-family: comic sans ms;
 font-size: 20px;
 border-radius: 10px;
 background-color: #bf1717;
 color: white;
}

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