body {
  background-image: url('/background.jpg'); /* Your wallpaper file */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  
  /* Centers the glass panel vertically, and nudges it slightly left */
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* This is the magic box that holds the glass image */
.glass-pane-container {
  margin-left: 5%; /* Distance from the left edge of the screen */
  width: 320px;    /* Matches the native width of your Pane.png image */
  height: 550px;   /* Matches the native height of your Pane.png image */
  
  /* Apply your pane image here so it scales with the box */
  background-image: url('/Pane.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
  /* Prepares the inside for the scrolling text */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* This handles the scrolling text directly inside the glass shape */
.content-overlay {
  flex: 1;
  overflow-y: auto;  /* Turns on vertical scrolling */
  overflow-x: hidden;
  
  /* Padding keeps the text away from the very edges of the glass */
  padding: 35px 25px 35px 25px; 
  box-sizing: border-box;
  color: #2b0030;    /* Dark plum text to fit the Frutiger Aero vibe */
}

/* Windows / Classic IE Style Scrollbar Aesthetics */
.content-overlay::-webkit-scrollbar {
  width: 10px;
}
.content-overlay::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2); 
  border-radius: 10px;
}
.content-overlay::-webkit-scrollbar-thumb {
  background: rgba(140, 140, 140, 0.5); 
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 10px;
}

/* Typography Details */
h1 {
  color: #2b0030;
  font-size: 1.8rem;
  margin-top: 0;
  line-height: 1.2;
}

a {
  color: #0066cc;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin-top: 5px;
  padding-left: 20px;
}