::selection {
    color: white;
    background-color: #51473d;
  }
  
      .social-links {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        gap: 20px;
      }
      .social-links a {
        color: white;
        transition: transform 0.2s;
      }
      .social-links a:hover {
        transform: scale(1.1);
        color: white;
        text-decoration: none;
      }
      @media (max-width: 768px) {
        h1 {
          font-size: 2.5rem;
        }
      
        h4 {
          font-size: 1.1rem;
        }
      
        .action-links a {
          display: inline-block;
          margin: 10px auto;
          width: 80%;
          max-width: 300px;
        }
      
        .inner-wrapper {
          padding: 20px;
        }
      
        .shard {
          margin-bottom: 20px;
        }
      }