/* Small screen styles */

@media (max-width: 600px) {
    .link-preview {
        left: var(--left-margin);
        right: var(--right-margin);
        width: auto;
        height: 55vh;
    }

    .link-preview--video,
    .link-preview--image,
    .link-preview--audio {
        height: auto;
    }

    .main-menu {
        left: 50%;
        top: 55%;
        transform: translate(-50%, -55%);
        margin-top: 0;
    }

    .main-menu-list {
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }

    .main-menu-item {
        width: max(8rem, min(25vw, 25vh));
        height: max(8rem, min(25vw, 25vh));
    }
}