body {
      background-color: black;
      color: #8C332B;
      font-family: 'Courier New', monospace;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    #content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: left;
      white-space: pre-wrap;
    }
    #console {
      position: absolute;
      top: 20px;
      left: 20px;
      background-color: black;
      color: limegreen;
      padding: 10px;
      border: 1px solid #8C332B;
      border-radius: 5px;
      z-index: 2;
      font-family: 'Courier New', monospace;
      transition: color 0.5s, border-color 0.5s;
    }
    .matrix-text {
      font-size: 1.2em;
      text-shadow: 0 0 5px #8C332B;
    }
    .blink {
      animation: blink 0.5s infinite;
    }
    @keyframes blink {
      0%, 50% { opacity: 1; }
      51%, 100% { opacity: 0; }
    }
    .red {
      color: red;
      border-color: red;
    }
    .white {
      color: white;
    }
    .code {
      color: cyan;
    }
    .comment {
      color: gray;
    }

    /* Logo Styles */
    /* Default logo position (for desktop) */
#logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fadeIn 2s forwards, slideUp 2s 2s forwards;
  z-index: 3;
}

/* Media query for tablets and mobile devices */
@media (max-width: 1024px) {
  #logo {
    top: 50%; /* Start at the center */
    left: 50%;
    transform: translate(-50%, -50%); /* Center initially */
    animation: fadeIn 2s forwards, slideDown 2s 2s forwards; /* New animation for mobile */
  }

  /* New animation for sliding down on mobile/tablet */
  @keyframes slideDown {
    to {
      top: auto; /* Reset top position */
      bottom: 20px; /* Move to the bottom */
      left: 50%;
      transform: translateX(-50%); /* Center horizontally */
    }
  }
}
    @keyframes fadeIn {
      to {
        opacity: 1;
      }
    }
    @keyframes slideUp {
      to {
        top: 20px;
        transform: translate(-50%, 0);
      }
    }