body { 
  font-family: "VcrMono.001";
overflow: hidden;
min-width: 1100px;
  margin:0 auto;
  background: url("https://jpegrocky.neocities.org/wallpaper/NeocitiesWallpaperindex.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@font-face {
font-family: "VcrMono.001";
src: url("https://jpegrocky.neocities.org/fonts/VcrMono.001.ttf");
}

 
        
#container {
  display: flex; /* Enable flexbox */
  align-items: center; /* Vertically align items */
  justify-content: center;
  height: 100vh;  margin: 0;
  position: relative;
}

#content {
  height: 500px;
  position: fixed;
  letter-spacing: 1px;
  color: black;
  font-family:"VcrMono.001";
  background-color: #fff; 
  margin: 30px; 
  padding: 0;
  box-shadow: 7px 7px rgb(0, 0, 0, 0.78)
  }
  

  
 p {
  color: black;
  text-align: justify;
  margin: 30px;
  padding: 0;
  word-spacing: -3px;
  left: 0;
  top: 0;
  }
  
  
.image {
  width: 500px; /* Adjust as needed */
  height: auto;
  margin-right: 20px; /* Add some space between image and navbar */
 
}


#navbar {
  /* Style the navbar as needed */
  text-align: center;
  padding: 30px;
  margin:-25px;
  background-color: #23a1d8;
  border: 1px solid #000;
  transform: skew(-12deg);
  position: relative;
  box-shadow: 7px 7px rgb(0, 0, 0, 0.78)
}

#navbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  left:0;
}

#navbar li {
  margin-bottom: 25px; /* Add some space between links */
  margin-top: 25px;
   
}


 a {
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 18px;
  color: yellow;
  font-family:"VcrMono.001";
  position: relative;
  }
 
 
 a:hover {
   color: #8ab3c2;
   opacity: 1;
  }
  
  #content {
  padding: 30px; /* Adjust this value to match the height of your navbar */
}

    
  #content {
  width: 500px; /* Or any desired width */
  margin-right: 0; /* Centers the wrapper horizontally */
  position: relative;
  height: auto; 
}


 #my-header {
       height: 550px;
       position: absolute;
        padding: 0;
        letter-spacing: 0.1em;
        font-size: 20px;
        color: black;
        font-style: italic;
        z-index: 10;
        /* Add other styles as needed */
}


.button a { 
background-color:#23a1d8; 
border: none; 
color: white; 
padding: 20px 34px; 
text-align: center; 
text-decoration: none; 
font-size: 20px; 
margin: 4px 2px; 
border-radius: 0.5rem;
position: fixed;
justify-content: center;
    left: 51%;
    top: 75%;
    transform: translate(-50%, -50%);
}

.button a:hover{
  background-color: #65BDE3;
  }