/* Apply general styles to the entire page */
body {
  background-color: #FF4EB4;
  color: black;
  font-family: 'Microsoft Sans Serif', sans-serif;
}

body {
  margin: 0px;
  padding: 0;
}

.windows {
    display: grid;
    grid-column-gap: 20px; /* Adjust the value as needed */
    grid-row-gap: 20px;
}
.windows2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#backgroundBox {
  position: fixed; /* or use "absolute" for a position relative to the document */
  top: 0;
  left: 10%;
  width: 75%;
  height: 100%;
  background-color: #3498db; /* Choose your background color */
  opacity: 0.5; /* Adjust the opacity as needed */
  z-index: -1; /* Places the box behind other content */
}