header {
  text-align: center;
  background: white;
  font-family: Helvetica;
  color: black;
  padding: 20px 0;
  align-items: center;
}

.side-gif {
  width: 100px;
  height: auto;
   position: relative;
  top: -300px; /* move up */
  margin-right: 160px;
  margin-left: 160px;
}

.nav-buttons a {
    background-color: #ffffff; /* Blocks*/
    color: #000000; /* text color */         
    padding: 10px 20px;        
    margin: 5px;               
    text-decoration: none;     
    text-transform: uppercase; 
    font-weight: bold;         
    display: inline-block;    
  text-align: center;
}



body {
  font-family: system-ui;
  font-size: 30px;
  background: white;
  color: brown;
  text-transform: lowercase;
  margin: 0;
  text-align: center;
}


body {
  background-image: url('https://kisser.neocities.org/high-resolution-green-camouflage-background-1-1-1536x1152.png'); /* Replace with your actual file name */
  background-repeat: repeat;
  background-attachment: fixed; /* optional: keeps background still when scrolling */
  background-size: auto; /* ensures it's not stretched */
  background-color: white; /* fallback color if gif doesn't load */
  color: black;
}

/* === Container === */
.container {
  max-width: 800px;         /* Limit how wide your content gets */
  margin: 40px auto;        /* Adds top/bottom spacing and centers left/right */
  padding: 20px;            /* Inner spacing so content doesn’t hug edges */
  background-color: white;  /* Optional: make content box contrast with background */
  text-align: center;       /* Centers text and inline elements */
  box-shadow: 100 0 20px rgba(0, 0, 0, 0.1); /* Optional: soft shadow for floating look */
}
/* === Box ===*/

.box {
  max-width: 800px;         /* Limit how wide your content gets */
  margin: 170px auto;        /* Adds top/bottom spacing and centers left/right */
  padding: 20px;            /* Inner spacing so content doesn’t hug edges */
  background-color: #FFFFFA;  /* Optional: make content box contrast with background */
  text-align: center;       /* Centers text and inline elements */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.jesse-section {
    display: flex;
    align-items: center;
    gap: 30px;
}

footer {
  text-align: center;
  padding: 10px;
  background-color: white;
  margin-top: 20px;
}