/* Import Hacker Font */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

/* Hacker Theme Font */
body, .text-green, .navbar-brand {
  font-family: 'VT323', monospace;
}

.navbar-brand p {
    font-size: 2rem; /* Adjust size as needed */
    margin: 0; /* Remove default margin */
  }  

/* Hacker Theme Colors */
.bg-dark {
  background-color: #080708 !important;
}
.text-green {
  color: #00ff00 !important;
}
.logo {
  height: 40px;
}

/* Time, Weather, and Location Styling */
#current-time, 
#current-weather, 
#current-location {
  font-family: 'VT323', monospace;
  font-size: 1.2rem;
  color: #ffffff; /* White text for icons and weather info */
}
#current-time i, 
#current-weather i, 
#current-location i {
  margin-right: 5px;
  color: #ffffff; /* White icons */
}

/* Hide Weather, Time, and Location on Small Screens */
@media (max-width: 991px) {
  #current-time,
  #current-weather,
  #current-location {
    display: none !important;
  }
}

/* Full black background */
body {
    background-color: #0d0c0d;
  }
  
  /* Table of Contents Container */
  .toc-container {
    font-family: 'VT323', monospace;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
  }
  .toc-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #00ff00;
    text-align: center;
  }
  .toc-list {
    padding-left: 0;
    border-left: 2px solid #00ff00;
    margin-left: 80px;
  }
  .toc-list li {
    margin: 1rem 0;
    position: relative;
    padding-left: 20px;
  }
  .toc-link {
    font-size: 1.5rem;
    color: #00ff00;
    text-decoration: none;
  }
  .toc-link .line {
    position: absolute;
    left: -20px;
    top: 50%;
    width: 15px;
    height: 2px;
    background: #00ff00;
  }
  .toc-sublist {
    margin-left: 20px;
    border-left: 2px solid #00ff00;
    padding-left: 20px;
  }
  .toc-sublist li {
    margin: 0.5rem 0;
  }
  .toc-sublist .line {
    background: #00ff00;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .toc-title {
      font-size: 2rem;
    }
    .toc-link {
      font-size: 1.2rem;
    }
  }
  
  .flicker {
    display: inline;
    animation: flicker 1.5s infinite;
  }

  @keyframes flicker {
    0%, 100% { opacity: 1; } /* Fully visible */
    25% { opacity: 0; }      /* Hidden */
    50% { opacity: 0.5; }    /* Partially visible */
    75% { opacity: 1; }      /* Back to visible */
  }

  .site-title {
    font-size: clamp(1.5rem, 5vw, 1.6rem)!important; /* Minimum size of 1.2rem */
    margin: 0; /* Removes default margin */
    white-space: nowrap; /* Prevents text wrapping */
  }