body {
            margin:0;
            padding: 60px 120px;         
            cursor: url(https://www.rw-designer.com/cursor-view/221743.png), auto;
            background-size: cover;
            background-position: center;
            background-image: url(https://i.postimg.cc/VNPDhRhX/windows-xp-bliss-landscape-rainbow-blue-sky-5k-3840x2160-3187.jpg);
          }
      
          .umas {
            display:flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            bottom:875px;
          }

          .Oguri-cap , .Jungle-Pocket {
          position: relative;
          }
        

        #giant-box {
        position: relative;
        z-index: 2;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: rgba(255, 255, 255, 0.5); 
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px); 
        border-radius: 10px;
        box-sizing: border-box;
        max-width: 100%;
        max-height: 100%;
          border: 1px solid rgba(255, 255, 255, 0.18);
        }



       .row-box {
       display: flex;
       }

        #intro {
        background-image: url(https://i.pinimg.com/564x/a9/f1/71/a9f17165b214ab5bc64f14902a8d67a5.jpg);
        width:300px;
        height:300px;          
        box-sizing: border-box;
        overflow-y:auto;
        box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
      }

       .title2 h1 {
     font-family: "Rowdies";
     font-size: 20px;
     color:rgb(255, 255, 255);
     -webkit-text-stroke: 1px rgb(182, 179, 179);
     text-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
       #photos-nice {
        background-color: rgb(49, 47, 51);
        width:300px;
        height:300px;     
        box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
       }

      .header {
      width: 800px;
      height: 150px;
      object-fit: cover;
      border: 1px solid white;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
      box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
}
        
      .stamps {
        border:1px;
        width:800px;
        margin:0 auto;
        margin-bottom: 10px;
 background-color: rgba(255, 255, 255, 0.5); 
   backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); 
    border-radius: 10px;
    box-sizing: border-box;
    border: 5px solid rgba(255, 255, 255, 0.18);
    box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
      }

    .social-media {
   margin-top:20px;
   background-color: rgba(255, 255, 255, 0.5); 
   backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); 
    border-radius: 10px;
    box-sizing: border-box;
    border: 5px solid rgba(255, 255, 255, 0.18);
    box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
   padding: 5px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    max-width: 165px;
   }

   .social-media h1 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
   }

   .social-media img {
      display:block;
      margin-top: 10px;
      max-width: 100%;
      max-height: 100%;
      
}

 #layout {
  display:grid;
  grid-template-columns: 220px 1fr 220px;
  align-items: start;
  gap:20px;
  width:100%;
  box-sizing: border-box;
}

.fan-list {
  margin-top:3px;
   max-width: 165px;
   padding: 5px;
   background-color: rgba(255, 255, 255, 0.5); 
   backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); 
    border-radius: 10px;
    box-sizing: border-box;
    border: 5px solid rgba(255, 255, 255, 0.18);
    box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
      }

.fan-list img {
max-width: 100%;
max-height: 100%;
box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
}

.idk {
   background-color: rgba(255, 255, 255, 0.5); 
   backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); 
    border-radius: 10px;
    box-sizing: border-box;
    border: 5px solid rgba(255, 255, 255, 0.18);
    box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
        margin:20px;
        max-width: 165px;
        padding: 5px;
        margin-top:3px;
}

.idk img {
max-width: 100%;
max-height: 100%;
padding: 3px;
}

   .idk p {
    word-spacing: 10px;
    font-size: 20px;
    }

    .face-reveal img {
    margin-top: 20px;
    max-width: 165px;
    padding: 5px;
    margin-bottom: 3px;
    }

  .stamps img {
    width: 99px;
    height: 56px;
     }

   .blinkies img {
    width: 150px;
    height: 20px;
   }
 
  .divider-left img {
    margin-left:20px;
    max-height:40px;
    max-width:180px;
  }

  .divider-right img {
    margin-top:20px;
    max-height:40px;
    max-width:180px;
  }

  #photos-nice {      
  align-items: center;
  position: relative;
  margin:0;
  }

  .user-bar img {
    width:300px;
  }

  .this-user img{
    width:300px;
  }

  .internet {
  display:flex;
  align-items: center;
  gap:10px;
  }

  .computer img {
   width:90px;
  }

  .connection img {
    width: 200px;
  }

.loading img {
  margin-top: 10px;
  margin-bottom: 10px;
width: 460px;
}

.divider2 img {
width: 300px;
}

.box20 {
position: relative;
}

.divider3 {
  z-index: 2;
  display:flex;
  bottom:  840px;
  position:absolute;
  left:355px;
}

.paper {
  position: absolute;
  z-index: 1; 
  display: flex;
  bottom: 700px;
  left: 240px;
}

.divider3 img {
  width:80px;
}

.buttons img {
  max-width: 100%;
  height: auto;
}

.title3 h1 {
    font-family: "Rowdies";
     font-size: 30px;
     color:rgb(255, 255, 255);
     -webkit-text-stroke: 1px rgb(182, 179, 179);
     text-shadow: 2px 2px 6px rgba(0,0,0,0.4);
     
}
 .menu li {
    font-family: "Rowdies";
     font-size: 17px;
     color:rgb(255, 255, 255);
     -webkit-text-stroke: 1px rgb(182, 179, 179);
     text-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    }

.blinkies img {
    box-shadow:  0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0 6px rgba(255, 255, 255, 0.08);
}
    .menu li a {
    color: inherit;
    text-decoration: none;
}

.animation {
  transition: transform 0.3s ease;
  display: inline-block;
}

.animation:hover {
  transform: scale(1.50);
}

.face-reveal {
padding-right: 6px;

}
.face-reveal img {
width: 220px;
border-radius: 20px;
border: 1px solid rgb(0, 0, 0, 0.18)

}