div#h1_demo > h1 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;

}

.thumbnail {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}


.container {
  display: flex; 
  gap: 20px; 

}

.column {
  flex: 1; /* Distributes available space equally among columns */
  /* You can also set specific widths if needed, e.g., width: 30%; */
}



.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  text-align: center;
  padding: 10px 20px;
}


.textBox {
  font-family: Rockwell Extra Bold ;
  border: 5px #0675c4;
  padding: 10px;
}

.textBox :first-child {
  padding: 5px 5;
  padding-left: 15px;
  width: calc(100%);
  margin: -15px -15px 0 -15px;
  background-color: #468af0;
  color: white;
}



.textbubble {
  
  background-image: url('../images/header2.png'); /* Replace 'your-image.jpg' with your image file name or path */
    display: flex;
  background-repeat: no-repeat; /* Prevents the image from repeating */
  
  background-position: margin-left; 
  ;/*background-attachment: fixed; /* Keeps the image fixed when scrolling */
  padding: 10 1px 1px 1px;
  border-radius: 2px
  border-style: solid;
  border-width: 4px;
  border-color: blue;
  font-family: Andale Mono;
  color: black;
  text-align: center;
}

.textbubble:first-child { margin-left: auto; }


.textbubblestretch {
  
  background-image: url('../images/headerstretch.png'); /* Replace 'your-image.jpg' with your image file name or path */
    display: flex;
  background-repeat: no-repeat; /* Prevents the image from repeating */
  
  background-position: margin-center; 
  ;/*background-attachment: fixed; /* Keeps the image fixed when scrolling */
  padding: 100 80px 80px 80px;
  border-radius: 2px
  border-style: solid;
  border-width: 4px;
  border-color: blue;
  font-family: Andale Mono;
  color: black;
  text-align: center;
}

.textbubblestretch:first-child { margin-inline: auto }





body {
  margin:25px;
  background-image: url('../images/blue.jpg'); /* Replace 'your-image.jpg' with your image file name or path */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-size: cover; /* Ensures the image covers the entire background */
  background-position: center; /* Centers the image */
  background-attachment: fixed; /* Keeps the image fixed when scrolling */
  padding: 0 40px 40px 40px;
         
  color: black;
  font-family: Courier ;
}