body {
        background-color: white;
        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;
 text-align: center;
}

.fourofour-title {
 font-family: tahoma;
 font-size: 140px;
 font-weight:bold;
 color:rgb(107, 154, 225);
}

.bottom-text {
  font-family: tahoma;
 font-size: 30px;
 font-weight:bold;
 color:rgb(107, 154, 225);
}

a {
 color:#2960CF ; 
}
    
img {
 width: 900px; 
}

/* style for smaller devices */
    
    @media screen and (max-width: 768px) {
      
      
      #content {
       width: 100%; 
       min-width: 0px;
      }
      
      #mass-holder {
       width: 100%; 
       max-height: none;
       padding: 20px;
      }
      
      img {
       width: 100%; 
      }
      
      .fourofour-title {
       font-size: 100px; 
      }
      
      .bottom-text {
        font-size:20px;
      }
      
    }