html { 
         letter-spacing: 0.125em;
         border: 1px solid #fc0000;
         border-radius: 4px;
         padding: 5px;


         
  }



body {
    background-color: #000000;
    background-image: url('img');
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #00ff00;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #00FF00;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #00FF00;
    scrollbar-arrow-color: #00FF00;
    scrollbar-track-color: #000000;
    position: static; 
    overflow-y: auto; 
    scroll-behavior: smooth;
}

a:link {
    color: #FFFF00;
    text-decoration: none;
}

a:visited {
    color: #FF9900;
    text-decoration: none;
}

a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.main {
    width: 750px;
    margin: 0 auto;
    border: 9px solid #00FF00;
    background-color: #000000;
}

.header {
    background-color: #000000;
    padding: 10px;
    text-align: center;
    border-bottom: 3px solid #00FF00;
}

.content {
    display: flex;
}

.sidebar {
    width: 180px;
    padding: 10px;
    border-right: 9px solid #00FF00;
    background-color: #111111;
}

.main-content {
    width: 570px;
    padding: 10px;
}

.footer {
    text-align: center;
    padding: 10px;
    border-top: 3px solid #00FF00;
    font-size: 10px;
}

.marquee {
    background-color: #000000;
    color: #00FF00;
    padding: 5px;
    border-top: 1px solid #00FF00;
    border-bottom: 1px solid #00FF00;
    font-weight: bold;
}

/**.blink {
    animation: blink-animation 1s steps(2, start) infinite;
}

@keyframes blink-animation {
    to { visibility: hidden; }
}**/
/* ===== CRT WRAPPER ===== */
.crt {
  position: relative;
  min-height: 100vh;
  overflow: scroll;
}

/* STRONG SCANLINES */
.crt::before {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.35) 0px,
    rgba(0, 0, 0, 0.35) 1px,
    rgba(255, 255, 255, 0.02) 2px,
    rgba(0, 0, 0, 0.1) 3px
  );
  pointer-events: none;
  z-index: 20;
}

/* PHOSPHOR RGB MASK (subtle color separation) */
.crt::after {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to right,
    rgba(255, 0, 0, 0.03) 0px,
    rgba(0, 255, 0, 0.03) 1px,
    rgba(0, 0, 255, 0.03) 2px,
    transparent 3px
  );
  mix-blend-mode: overlay;
  opacity: 0.35;
  pointer-events: none;
  z-index: 21;
}


@keyframes crt-flicker {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.95; }
}

.crt {
  animation: crt-flicker 1s infinite;
}

 

.button {
    border: 2px outset #00FF00;
    background-color: #000000;
    color: #00FF00;
    padding: 2px 5px;
    font-weight: bold;
    text-decoration: none;
}

.button:hover {
    border: 2px inset #00FF00;
    background-color: #003300;
}

.guestbook {
    background-color: #111111;
    border: 1px solid #00FF00;
    padding: 5px;
    font-size: 12px;
}

.alert {
    color: #FF0000;
    font-weight: bold;
}

.warning {
    color: #FFFF00;
    font-weight: bold;
}

.news {
    border: 1px solid #00FF00;
    margin-bottom: 10px;
    padding: 5px;
}

.news-title {
    background-color: #003300;
    color: #00FF00;
    padding: 2px;
    font-weight: bold;
    border-bottom: 1px solid #00FF00;
}

.news-date {
    font-size: 10px;
    color: #00CC00;
}

.news-content {
    padding: 5px;
}
ul {
  list-style-type:none
}