body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-image: url('space.png'); /* Replace with the actual path to your image */
    background-repeat: no-repeat; /* Prevents tiling */
    background-size: cover; /* Stretches the image to cover the entire background */
    background-position: center; /* Centers the image */
    position: relative;
}


.center-link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none; /* Optional: remove underline */
}

.center-media {
    display: block;
    border: 5px solid black;
    max-width: 30%;
    max-height: 30%;
    z-index: 10;
    position: relative;
}

.center-link {
    text-decoration: none; /* Remove underline */
    pointer-events: none; /* Disable hover effects for the link */
}