body {
      margin: 0;
    font-family: "Courier New", Courier, monospace;
background-image: url(bck.jpg);
      color: #ffffff;
      text-align: center;
    }
    .scaled {
    width: 50%; 
    height: auto; 
  }
    a {
      color: #750085;
      text-decoration: underline;
    }
    a:hover {
      color: #ff66ff;
      text-decoration: blink;
    }
    header {
      background: linear-gradient(to bottom, #000066, #000033);
      padding: 20px;

    }
    header h1 {
      font-size: 36px;
      color: #750085;
      text-shadow: 2px 2px #4d004d;
      margin: 0;
    }
    nav {
      margin-top: 10px;
    }
    nav a {
      margin: 0 10px;
      font-weight: bold;
    }
    marquee {
      font-size: 14px;
      color: #ff00ff;
      margin: 10px 0;
    }
    .content {
      max-width: 800px;
      margin: 20px auto;
      padding: 20px;
      background: #111144;
      border: 3px ridge #ff00ff;
    }
    h2 {
      font-size: 24px;
      color: #ff00ff;
      border-bottom: 2px dashed #750085;
      padding-bottom: 5px;
    }
    .post {
      margin: 20px 0;
      padding: 10px;
      background: #000033;
      border: 2px dotted #00ffcc;
    }
    .post h3 {
      color: #ff66ff;
      margin-top: 0;
    }
    footer {
      background: #000033;
      color: #9999ff;
      font-size: 12px;
      padding: 10px;
   
    }