       left: 0;
                width: 100%;
                padding: 0.5rem 0 0.5rem 0;
                border-radius: 25px 25px 0px 0px;
                /* box shadown on the top */
                box-shadow:
                    0 0 15px 5px rgba(0, 0, 0, 0.05),
                    0 1px 2px 0 rgba(0, 0, 0, 0.05);
            }
            @media (prefers-color-scheme: dark) {
                .footer {
                    background-color: #212121;
                    box-shadow:
                        