/* Basic styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #1a1a1a; /* Dark background color */
    overflow: hidden; /* Hide the scrollbar */
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('lombax_background.jpg'); /* Add the path to your background image */
    background-size: cover;
    background-position: center; /* Center the background image */
    filter: blur(10px); /* Apply blur effect */
    z-index: -1; /* Ensure the background is behind other content */
}

main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 20px;
}

.glass-card {
    background-color: rgba(255, 255, 255, 0.1); /* Transparent background with dark tint */
    border-radius: 20px; /* Increase border radius for a smoother look */
    backdrop-filter: blur(10px); /* Apply blur effect */
    padding: 40px; /* Increase padding for better visibility */
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.2); /* Soft shadow for glass effect */
    color: #fff; /* Text color */
    text-align: center; /* Center text */
    margin: 0 auto; /* Center horizontally */
}

.glass-card h2 {
    margin-top: 0;
    /* Neon glowing effect */
    color: #fff; /* Neon red color */
}