body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    font-family: Helvetica, Arial, sans-serif; /* Set the default font to Helvetica */
}

/* Full page background image */
.background-container {
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-image: url('https://cdn.glitch.global/8f94048e-9fb0-4d54-b832-c9e134b75dc8/000022080027.jpg?v=1738019241516');
    background-size: cover;
    background-position: center;
    z-index: -1;
    border-radius: 20px;
    overflow: hidden;
}

.bottom-left-icon {
    position: fixed;
    bottom: 20px;
    left: 40px;
    width: 140px;
    height: auto;
    text-align: center; /* Center the text under the icon */
    z-index: 1000;
}

.icon-image {
    width: 100%;
    height: 80px; /* Maintain the size of the icon */
    background-image: url('https://cdn.glitch.global/8f27dfe9-4d57-416b-b07d-03241972ad18/Janssen%20Gallery%20Logo.png?v=1724351505231');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.enter-text {
    font-family: Helvetica, Arial, sans-serif; /* Set the font to Helvetica */
    font-weight: bold; /* Make the font bold */
    color: blue; /* Set the text color to red */
    text-decoration: none; /* Remove underline by default */
    position: relative; /* Enable relative positioning */
    top: -15px; /* Move the text up by 10px */
    left: 16px; /* Move the text to the right by 5px */
}

.enter-text:hover {
    text-decoration: underline; /* Underline on hover */
    cursor: pointer;
}