body {
            background-image: url("../pics/als.PNG");
            background-size: cover;
            background-position: center;
            text-align: center;
            min-height: 100vh;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        header {
            margin-bottom: 30px;
        }

        #main {
            margin-bottom: 30px;
        }

        /* Add some styles for the buttons */
        .fancy-button {
            padding: 10px 20px;
            margin: 5px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
        }

        /* Styling for the footer */
        .footer {
            position: fixed;
            bottom: -40px; /* Initially hide the footer below the viewport */
            left: 0;
            width: 100%;
            background-color: #f8f9fa;
            padding: 10px;
            text-align: center;
            transition: bottom 0.3s; /* Smooth transition on hover */
        }

        /* Show the footer on hover */
        body:hover .footer {
            bottom: 0;
        }