/* Website Background with Gradient */
    .body-main {
        margin: 0;
        min-height: 100vh; /* Changed to min-height for better responsiveness */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: linear-gradient(135deg, grey, white); /* Gradient from grey to white */
        color: #00ff00; /* Terminal green text color */
        font-family: 'Courier New', Courier, monospace; /* Monospace font */
        position: relative; /* Enables absolute positioning for the links */
    }

    #text-container {
        display: flex;
        flex-wrap: wrap; /* Allow text wrapping on smaller screens */
        justify-content: center;
        text-align: center; /* Center align text on smaller devices */
        max-width: 90%; /* Prevent text from overflowing on narrow screens */
        font-size: 1.6rem; /* Increased font size */
    }

    /* Style for each character */
    .char {
      display: inline-block;
      background-color: #ffffff; /* Terminal green background for each char */
      color: black; /* Text color contrasts with background */
      margin: 0;
      padding: 0 2px; /* Adjust padding for a terminal-style look */
      opacity: 0; /* Hidden initially */
      animation: fadeIn 0.1s forwards;
    }

    /* Character animation */
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    /* Footer Links */
    .footer-links {
        position: absolute;
        bottom: 10px; /* Position links at the bottom */
        display: flex;
        gap: 20px; /* Space between links */
        flex-wrap: wrap; /* Allow wrapping of links on small screens */
        justify-content: center; /* Center align links on smaller devices */
        width: 100%; /* Ensure links are responsive */
        padding: 10px 0; /* Add padding for better touch accessibility */
    }

    .footer-links a {
      color: #000000; /* Match the terminal green color */
      text-decoration: none; /* Remove underline */
      font-size: 1rem; /* Adjust font size for readability */
      transition: color 0.3s ease;
    }

    .footer-links a:hover {
      color: black; /* Change to black on hover for contrast */
    }

    /* Footer Links */
    .info-img {
      color: black;
      position: absolute;
      bottom: 50px; /* Position links at the bottom */
      display: flex;
      gap: 20px; /* Space between links */
    }

    a
    {
        color: black; /* Match the terminal green color */
      background-color: #dcdce6;
      text-decoration: none; /* Remove underline */
      font-size: 1rem;
      transition: color 0.3s ease;
    }
    body
    {
        color: #858585;
    }
    /* Responsive Design: Adjustments for smaller screens */
    @media (max-width: 768px) {
        body {
          justify-content: flex-start; /* Adjust content alignment */
          padding: 20px; /* Add padding for smaller screens */
        }
  
        #text-container {
          max-width: 100%; /* Allow text to fill the screen */
          font-size: 1.2rem; /* Scale font size down slightly */
        }
  
        .footer-links a {
          font-size: 0.9rem; /* Reduce link size for smaller devices */
        }
        /* Responsive Design: Adjustments for smaller screens */

        #breakable {
            display: block; /* Forces line break after "Identity" */
          }
      }
      @media (max-width: 767px) {

        #breakable {
            display: block; /* Forces line break after "Identity" */
          }
      }