body {
  
    background-image: url('https://monk-izm.neocities.org/GIF/giphy.gif');

.logo1 
{
  text-align: center;
  animation: breathing 3s ease-in-out infinite;
  transform-origin: center;
}

#page-box {
  background-color: rgba(109, 107, 107, 0.399);            /* white background */
  padding: 20px 30px;                 /* space inside the box */
  border-radius: 12px;                /* rounded corners */
  text-align: center;                 /* center the content */
  box-shadow: 0 6px 15px rgba(0,0,0,0.3); /* subtle shadow */
}

/* Image inside the box */
#page-box #page {
  max-width: 100%;      /* responsive width */
  height: auto;
  display: block;
  margin: 0 auto 10px auto; /* spacing from title */
}

/* Title inside the box */
h2 {
  color: #000;          /* black text */
  margin: 0;
  font-size: 1.2rem;
  background-color: rgba(255, 140, 0, 0.315);
      height: 100vh; /* full screen height */
      display: flex;
      justify-content: center; /* center left to right */
      align-items: center;     /* center top to bottom */

      

    .center-block h3 {
      margin: 0;
      color: white;                 /* visible text */
    }

    .center-block img {
      height: 80px;                 /* resize image */
    }
}

.center-block {
      display: flex;
      align-items: center;          /* keep text centered between images */
      gap: 20px;                    /* space between text and images */
      text-align: center;           /* make line breaks centered */
    }

    .center-block h3 {
      margin: 0;
      color: white;                 /* visible text */
    }

    .center-block img {
      height: 80px;                 /* resize image */
    }

.title
{
color: rgb(0, 0, 0);
font-size: xx-large;
text-align:center;
background-color: rgba(255, 255, 255, 0.168);
}


    h3 {
      border: 10px solid rgb(0, 0, 0);
      padding: 20px;
      text-align: center; /* optional */
      background-color: rgba(128, 128, 0, 0.262);
    }
 
    {
      margin: 0;
      height: 100vh; /* full screen height */
      display: flex;
      justify-content: center; /* center left to right */
      align-items: center;     /* center top to bottom */
      background: black;       /* optional background */
    }

    .center-block {
      display: flex;
      align-items: center;
      gap: 20px; /* space between text and images */
      text-align: center;
    }

    .center-block h3 {
      margin: 0;
      color: white; /* change text color if background is dark */
    }

    .center-block img {
      height: 80px; /* adjust image size */
    }
        
  }