body {
            background-color: black; /* Fallback color */
            background-image: linear-gradient(black, #0f0631, black); /* Gradient */
            background-size: cover;  /* Ensures the gradient covers the entire page */
            background-position: center;  /* Center the gradient */
            color: white;
            font-family: "Megrim", sans-serif;
            margin: 0;
            padding: 0;
            cursor: url('https://alucinor.neocities.org/cursors/staff.png'), auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            min-height: 100vh;
        }
        
        p,h6 {text-align:center;}
        
                /* Container for the logo and overlay text */
        .logo-container {
            position: relative;
            display: inline-block; /* Ensures both text and image are within the same container */
        }

        /* Styling the logo */
        .logo {
            width: 300px;
            height: 300px;
        }

        /* Overlay text container */
        .overlay-text {
            position: absolute;
            bottom: -9%;
            left: 50%;
            transform: translateX(-50%);  /* Centers the text */
            text-align: center;
            width: 100%;
            color: white;
            padding: 10px;
        }

        /* ALUCINOR text styling */
        .title {
            font-size: 2rem;  
            margin: 0;
        }

        /* COSMIC GIFTSHOP text styling */
        .subtitle {
            font-size: 0.9rem;  
            margin-top: 30px;
        }

        .links {
            margin-top: 50px;
        }

        .links a {
            font-size: 2.5rem;
            color: white;
            text-decoration: none;
            text-transform: uppercase;
            display: inline-block;
            margin: 0 1rem;
        }

        .links a:hover {
            color: #39FF14;
        }

        .planets-container {
            position: relative;
            width: 80vh;
            height: 80vh;
            border-radius: 50%;
            overflow: hidden;
            margin-top: 30px;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            background-image: url('https://alucinor.neocities.org/images/backgrounds/planetbg.jpg');
            background-size: cover;
            background-position: center;
        }

        /* Planet styles */
        .planet {
            position: absolute;
            transition: transform 0.3s ease;
            display: inline-block;
            z-index: 10;
        }

        .planet img {
            width: 100%;
            height: 100%;
        }

        .planet:hover {
            transform: scale(1.5);
            z-index: 20;
        }

        .planet span {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.2rem;
            color: white;
            opacity: 0;
            transition: opacity 0.3s ease;
            padding: 5px;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 5px;
        }

        .planet:hover span {
            opacity: 1;
            color: #39FF14;
        }

        /* Foreground image inside the planets container */
        .foreground {
            position: absolute;
            bottom: -1.38%;
            left:-12%;
            width: 100%;
            z-index: 1;
        }