body {
    margin: 0;
    background-color: #e5e5e5; /* Grey background */
    font-family: sans-serif; /* Sans-serif font */
}

.content-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 85vh; /* Main content area height */
}

.green-band {
    width: 100%;
    height: 15vh; /* Green band height */
    background-color: #b2df8a; /* Green background */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logo {
    height: 70%; /* Scales proportionally */
    cursor: grab; /* Cursor change on hover */
}

.logo-text {
    text-align: center;
    color: #1f78b4; /* Blue text */
    width: auto; /* Matches logo width */
    font-size: calc(40% + 1vmin); /* Responsive font size */
    line-height: 1; /* Ensures text stays on one line */
}

.logo-text:hover {
    color: #fb9a99; /* Text color change on hover */
}

.footer {
    background-color: #e5e5e5; /* Same background color as the page */
    color: #1f78b4; /* Blue text */
    text-align: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}