/* Ensure the page takes the full height of the viewport */
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
overflow-x: hidden; /* Prevent horizontal scrolling */
}
/* Container for the background image */
.background {
background-color: rgb(6, 10, 9); /* Set the default background color */
background-image: none; /* Ensure no background image initially */
background-repeat: no-repeat;
background-position: center top;
background-size: contain; /* Ensure the image width fills the container */
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
transition: background-color 0.5s ease-in-out; /* Smooth transition for background color changes */
}
/* Content section with text */
.content {
padding: 0;
margin: 0; /* Remove margin to prevent spacing issues */
}