html, body {
    height: 100%;
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Fallback fonts */
}

body {
 background-image: url("images/Rosariobg.png");
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 background-color: #ffffff;
}

.logo {
    position: absolute;
    top: 10px;  /* Adjust the top margin as needed */
    left: 20px; /* Adjust the left margin as needed */
    width: 60%; /* Set the logo size as needed */
    height: auto; /* Maintain the aspect ratio */
}

/* Social Media Icons CSS */
.social-icons {
    position: absolute;
    top: 40px;  /* Adjust the top margin as needed */
    right: 20px; /* Adjust the right margin as needed */
    display: flex;
    gap: 25px;  /* Spacing between the icons */
}

/* Each social icon */
.social-icons img {
    width: 30px; /* Set width of icons */
    height: 30px; /* Maintain aspect ratio */
    cursor: pointer; /* Add pointer cursor */
}

.footer-text {
    position: absolute;
    bottom: 20px; /* Adjust the bottom margin as needed */
    left: 20px;   /* Adjust the left margin as needed */
    color: white; /* Text color */
    font-size: 2em; /* Adjust font size as needed */
    line-height: 1.5; /* Adjust line height for better readability */
    max-width: 560px; /* Set a max-width for the text block if needed */
}