@font-face {
    font-family: 'Glass TTY VT220';
    src: url('/Glass_TTY_VT220.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
 
  body {
    font-family: 'Glass TTY VT220', monospace;
    background-color: #000000;
    color: #00FF00;
    text-shadow: 0 0 1px #00FF00, 0 0 2px #00FF00;
    padding: 20px;
  }
  
  
  .nav-bar ul {
    font-size: 225%;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    font-family: 'Glass TTY VT220', monospace;
  }
  
  .nav-bar ul li a {
    color: #00FF00; /* bright green */
    text-decoration: none; /* no underline */
    transition: color 0.3s ease, background-color 0.3s ease;
    padding: 5px 10px;
    display: inline-block;
  }
  
  .nav-bar ul li a:hover {
    background-color: #008000; /* darker green background on hover */
    color: #00FF00; /* keep text bright green */
  }
  
  .nav-bar ul li a:focus,
  .nav-bar ul li a:active,
  .nav-bar ul li a:visited {
    color: #00FF00; /* no color change */
    text-decoration: none;
    background-color: transparent;
    outline: none;
  }
  
  
  .timers {
    text-align: center;
    font-family: 'Glass TTY VT220', monospace;
    color: green;
    font-size: 125%;
  }
  
  
  .clock {
    font-family: 'Glass TTY VT220', monospace;
    color: green;
    font-size: 125%;
  }
  
  
.cursor-line {
  text-align: left;
  margin-top: 40px;
  font-family: 'Glass TTY VT220', monospace;
}

.cursor {
  display: inline-block;
  width: 10px;
  height: 1em;
  background-color: #00FF00;
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}
.neofetch{
    justify-content: center;
    align-items: center;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "one two";
}
.ascii{
    grid-area:one;

}
.system-info{
    grid-area:two;
    
}
.system-info h2{
    font-size:100%;
}

.blue{
    color:cyan;
}
#archbtw{
  display:flex;
  margin-left:25%;
  color:cyan;
  font-family:'Glass TTY VT220', monospace;
  text-shadow: 0 0 1px cyan, 0 0 2px cyan;
  padding: 20px;
  
}

.terminal-section {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.terminal {
    background: black;
    color: #39ff14;
    font-family: 'Glass TTY VT220', monospace;
    padding: 24px 32px;
    border-radius: 8px;
    box-shadow: 0 0 16px #000;
    min-width: 320px;
    max-width: 90vw;
    font-size: 1.1em;
    position: relative;
}
.terminal ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 24px;
}
.terminal-cursor {
    display: inline-block;
    animation: blink 1s steps(1) infinite;
    font-weight: bold;
}
@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}