{
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

/*body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
*/

/* Add padding to the body so content doesn't get hidden under the header */
body {
  padding-top: 10px; /* Adjust this value based on header's actual height */
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: white;
  background-image: url("wpz020 copy.jpg");

  
}

/* Style the top navigation bar */
.topnav {
  position: fixed;
  overflow: hidden;
  padding-top: 10px;
  margin-left: 30px;
  font-size: 2vw;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: left;
  padding: 5px 0px;
  padding-right: 32px;
  text-decoration: none;
  z-index: 100;
}

/* Change color on hover */
.topnav a:hover {
  color: #e79669;
}

/* Style the content */
.content {
  padding-top: 130px;
  margin-left: 30px;
  width: 650px;
  height: 100%; /* Should be removed. Only for demonstration */
  font-size: 100%;
}
.content img {
  width: 650px;
}
div.scroll-container {
  
  padding: 50px;
  overflow: auto;
  white-space: nowrap;
}

div.scroll-container img {
  padding: 50px;
  width: 100px;
}




.floating-header {
  position: fixed; /* Fixes the element relative to the viewport */
  top: 60px;          /* Positions it at the top of the screen */
  left: 12px;
  width: 100%;     /* Makes it span the full width */
  color: #e79669;
  text-align: left;
  pointer-events: none;
  z-index: 90;    /* Ensures it stays on top of other content */

}
.floating-header img{
  width: 400px;
  
}