.footer,
        .rocket {
            position: absolute;
        }

        body {
            font-family: Poppins, sans-serif;
            user-select: none;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        .container {
            max-width: 1200px;
        }

        .rocket {
            top: 45%;
            right: 0;
            transform: translateY(-50%);
            height: 50vh;
            z-index: -1;
        }

        .social-icons {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .text-about {
            font-size: 1.6rem;
            color: #4b5563;
            margin-bottom: 20px;
            max-width: 50%;
        }

        .link-icon {
            width: 150px;
            height: 130px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
            filter: brightness(120%);
        }

        .social-icons img {
            width: 28px;
            height: 28px;
        }

        .text-purple-600 {
            color: #2563eb;
        }

        .bg-purple-600 {
            background-color: #2563eb;
        }

        .text-green-600 {
            color: #6ee7b7;
        }

        .bg-green-600 {
            background-color: #6ee7b7;
        }



        @media (max-width: 769px) {
            .container {
                padding: 4px;
            }

            .text-about {
                max-width: 100%;
            }

            #launchButton,
            .rocket,
            .social-icons {
                display: none;
            }

            #pageTitle {
                font-size: 2.5rem;
            }

            .footer {
                bottom: 10px;
                justify-content: space-between;
                padding: .5rem;
                display: flex; 
            }

            .footer-desktop {
                display: none;
            }

            .copyright,
            .credits {
                font-size: .75rem;
            }

            #launchMessage {
                display: none;
            }
        }

    
        @media (min-width: 770px) {
            .footer {
                display: none; 
            }

            .footer-desktop {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                font-size: 0.875rem;
                color: #6b7280;
                text-align: center;
                padding: 1rem 0;
                background-color: #f9fafb;
                box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
                display: block; 
            }
        }

        .launch-text {
            color: #6ee7b7;
        }