/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    background: linear-gradient(135deg, #ffd700, #ffa500); /* Bright gold tones */
    font-family: 'Comic Sans MS', cursive, sans-serif; /* Fun, playful font */
    color: #333;
    text-align: center;
    overflow-x: hidden;
    padding: 20px;
  }
  
  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
  .title {
    font-size: 4rem;
    font-weight: bold;
    margin: 20px 0;
    color: #fff;
    text-shadow: 3px 3px #333;
  }
  
  .subheading {
    font-size: 1.5rem;
    font-style: italic;
    color: #444;
    margin-bottom: 30px;
  }
  
  .emoji-section {
    margin: 30px 0;
    animation: bounce-in 1.5s ease-in-out;
  }
  
  .emoji {
    font-size: 10rem;
    animation: spin 3s linear infinite;
  }
  
  .laugh {
    color: #ff4500;
    text-shadow: 2px 2px #000;
  }
  
  .elon-tweets {
    margin-top: 50px;
    width: 80%;
  }
  
  .elon-tweets h2 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 2px 2px #333;
  }
  
  .tweet-gallery {
    display: flex;
    gap: 50px; /* More spacing between images */
    justify-content: center;
    flex-wrap: wrap; /* Wrap to new lines if needed */
  }
  
  .tweet-container {
    position: relative;
    display: inline-block;
    padding: 20px; /* More padding for larger images */
    border-radius: 25px;
    background: radial-gradient(circle, rgba(255, 255, 0, 0.6), rgba(255, 165, 0, 0.1));
    box-shadow: 0 0 30px rgba(255, 255, 0, 0.8);
    animation: glow 3s infinite alternate;
  }
  
  /* Subtle glow animation */
  @keyframes glow {
    0% {
      box-shadow: 0 0 20px rgba(255, 255, 0, 0.6);
    }
    100% {
      box-shadow: 0 0 50px rgba(255, 255, 0, 1);
    }
  }
  
  .tweet-gallery img {
    width: 450px; /* Increased width for bigger images */
    height: auto;
    border: 15px solid #fff; /* Thicker border */
    border-radius: 20px; /* More rounded corners */
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); /* Enhanced shadow */
    cursor: pointer;
    transition: transform 0.6s ease, filter 0.6s ease; /* Smooth animations */
  }
  
  .tweet-gallery img:hover {
    transform: scale(1.5) rotate(10deg); /* Bigger scale and rotation effect */
    filter: brightness(1.4) saturate(1.5); /* Brighten and saturate colors */
    box-shadow: 0 0 50px rgba(255, 255, 0, 0.9); /* Glowing shadow effect */
    animation: pulse 1.5s infinite; /* Continuous pulsing animation */
  }
  
  /* Over-the-top pulsing animation */
  @keyframes pulse {
    0%, 100% {
      transform: scale(1.5) rotate(10deg);
      filter: brightness(1.4) saturate(1.5);
    }
    50% {
      transform: scale(1.7) rotate(5deg);
      filter: brightness(2) saturate(2);
    }
  }
  
  /* Animations */
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes bounce-in {
    0% {
      transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Styling for Floating Emojis */
  .floating-emoji {
    position: absolute;
    font-size: 2rem;
    animation: fade-up 1.5s ease-out;
    pointer-events: none;
    color: #ff4500;
  }
  
  @keyframes fade-up {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-50px);
    }
  }
  
  /* Contract Address Section */
  .contract-address {
    margin: 50px 0;
  }
  
  .contract-address h2 {
    font-size: 2rem;
    color: #fff;
    text-shadow: 2px 2px #333;
    margin-bottom: 10px;
  }
  
  #contract {
    font-size: 1.5rem;
    color: #ff4500;
    word-wrap: break-word;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
  }
  
  /* Social Links Section */
  .social-links {
    margin-top: 50px;
  }
  
  .social-links h2 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 2px 2px #333;
  }
  
  .social-icons {
    display: flex;
    gap: 30px;
    justify-content: center;
  }
  
  .social-icon {
    width: 50px; /* Adjust the size of the icons */
    height: 50px;
    transition: transform 0.3s ease;
  }
  
  .social-icon:hover {
    transform: scale(1.2);
  }