body {
    
    background-image: url("https://files.catbox.moe/bz4udt.png"); /* Replace with your image path */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-size: cover; /* Scales the image to cover the entire background */
    background-attachment: fixed; /* Keeps the background image fixed while scrolling */
    color:black;

}

    a:link {
      color: white;
      background-color: transparent;
      text-decoration: underline;
    }

    a:visited {
     color: white;
      background-color: transparent;
     text-decoration: underline;
    }

    a:hover {
     color: #e2aa65;
     background-color: transparent;
      text-decoration: underline;
    }
  
.container {
        margin:auto;
        margin-top: 35px;
        margin-bottom: 50px;
        width: 700px;
        display: grid;
       
        border-radius:15px;
        box-shadow: 0px 0px 25px white;
        
        background-color:#283143;
        padding:20px 20px 40px;

        
       
        grid-gap: 15px;
       
        
}


nav, navtext, main, about, about-title, mini, whatsnew, whatsnew-title, footer {
    padding: 10px;
    word-wrap: break-word;
    background-color:#bbd7df;
 
    border-radius:10px;
}


header {
  line-height:20px;
  width: 650px;
  height:90px;
  margin-left: auto;
  margin-right: auto; 
  grid-row: 1 / 2;
  grid-column: 1 / 9;
    background-color:#bbd7df;
    border-radius:10px;

  }  

nav {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  padding:10px;
  height:70px;
  margin-bottom:-15px;
}
  
navtext {
  grid-row: 3 / 6;
  grid-column: 1 / 3;
  width:175px;
}

main {
  grid-row: 2 / 4;
  grid-column: 3 / 7;
  height: 300px;
  word-wrap: break-word;
  margin-right:-50px;
}

pic1 {
  grid-row: 2 / 5;
  grid-column: 8 / 9;
  margin-right:-20px;
  margin-left:-10px;
}

pic3 {
  grid-row: 4 / 7;
  grid-column: 3 / 5;
  margin-left:-10px;
  margin-top:-60px;
}

mini {
  grid-row: 4 / 5;
  grid-column: 5 / 8;
  background-color:#e2aa65;
  margin-top:-40px;
  height: 65px;
  margin-right:-30px;
}

whatsnew-title {
  grid-row: 6 / 7;
  grid-column: 2 / 5;
  margin-top:20px;
  padding:10px;
  width:240px;

}

whatsnew {
  grid-row: 7 / 11;
  grid-column: 2 / 5;
  width:240px;
}

about {
  grid-row: 5 / 9;
  grid-column: 5 / 9;
  width:270px;
  margin-left:-15px;
  margin-top:-15px;
}

about-title {
  grid-row: 9 / 10;
  grid-column: 5 / 9;
  padding:10px;
  margin-left:-15px;
}

pic2 {
  grid-row: 6 / 12;
  grid-column: 1 /2;
  margin-top:20px;

}

footer {
  grid-row: 11 / 12;
  grid-column: 2 / 9;

}