/* styles.css */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('placeholder.jpg'); /* Replace 'placeholder.jpg' with your image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Media query for smaller screens (e.g., mobile phones) */
@media (max-width: 768px) {
    .background {
        background-size: contain; /* Ensures the whole image is visible */
        background-position: center;
    }
}