.social-contact {
    --min-font-size: 0.75rem;
    --max-font-size: 1.125rem;
    --offset: calc(var(--padding) * 2);
    position: absolute;
    top: var(--offset);
    right: var(--offset);
    left: var(--offset);
    display: flex; /* Use flexbox */
    align-items: center; /* Center vertically */
    gap: 1rem;
    justify-content: flex-end; /* This will align the items to the right */
    font-family: 'Press Start 2P',cursive;
    font-size: clamp(var(--min-font-size), 1vw, var(--max-font-size));
    z-index: 1000; /* Ensure it's above the video */
}


.instagram-button,
.email-contact {
    
    display: inline-block; /* Treat the link as a block element */
    border: none; /* Remove any default borders */
    outline: none; /* Remove the outline */
    text-decoration: none; /* No underline */
}


.instagram-button img {
    width: clamp(25px, 1.5vw, 50px);
    height: auto;
    cursor: pointer; /* Makes it clear it's clickable */
}

.email-contact img {
    width: clamp(25px, 1.5vw, 50px);
    height: auto;
    cursor: pointer; /* Makes it clear it's clickable */
}