header
  {
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: space-around;
    align-items: flex-end;
    padding:1rem;
    background: linear-gradient(135deg, #111, #333);
    color: gold;
  }
/*==================================================================================*/
body
  {
    background-color:rgb(6, 13, 19);
    color:gold;
    font-family: 'Courier New';
  }
/*==================================================================================*/
.nav {
  display: flex;              
  justify-content: flex-end;  
  gap: 2rem;                  
}

.nav a {
  color: gold;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  }
/*nav padding*/
/*==================================================================================*/
.crt
  {
    position: relative;
    text-shadow:
      0 0 5px rgba(255, 240, 147, 0.8),
      0 0 15px rgba(251, 216, 1, 0.8);
  }
/*glow*/
.crt::before
  {
  content: "";
  pointer-events:none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0.15),
    rgba(0,0,0,0.15) 1px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,0) 4px
  );
/*crt lines*/  
  }
.crt
  {
  animation: flicker 0.15s infinite;
  }
@keyframes flicker
  {
  0% { opacity: 1; }
  50% { opacity: 0.98; }
  100% { opacity: 1; }
  }
/*flicker effect*/
/*==================================================================================*/