html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; /* Prevents scrolling */
}

body::before {
    content: '';
    position: fixed; /* Positioned relative to the body */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('lucky_lime_1.png') no-repeat center center fixed;
    background-size: cover;
    opacity: 0.25; /* Adjust for desired transparency level */
    z-index: -1; /* Ensures the image stays behind the content */
}

.container {
    display: flex;
    flex-direction: column; /* Ensures vertical layout */
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 4%; /* Slight padding */
    box-sizing: border-box;
}

.content {
    width: 100%; /* Full width of the container */
    max-width: 800px; /* Maximum width for larger screens */
    margin: auto; /* Centers the content block */
    font-size: 1.2em; /* Scalable font size */
    text-align: center;
    color: black;
    word-wrap: break-word;
    text-shadow: 0px 0px 2px #FFF;
}