/* Content of this file is meant to override the main styles in case of navigating from phone */

body.mobile {
    .cursor { display: none; }

    .title {
        margin-top: -2rem;
        gap: 0.25rem;

        h1 {
            font-size: 4rem;
        }

        span {
            font-size: 2rem;
            line-height: 2rem;
        }
    }

    .menus {
        width: calc(100% - 2.5rem);
        height: calc(100% - 2.5rem);
        margin: 1.25rem 1.25rem;

        .menu {
            .sub-menu {
                width: 100%;
                font-size: 1.25rem;
                justify-content: center;
                /* justify-content: space-around; */
                gap: 1.5rem;

                .top {
                    opacity: 1;
                }

                &:is(.not-mobile) { display: none; }
                &:is(.is-mobile) { display: flex !important; }
            }
        }
    }

    .icon-wrap {
        opacity: 1;

        .icon {
            width: 2rem !important;
        }
        .text { display: none; }
    }

    #project-popup {
        display: none !important;
    }
    
    .project-banner {
        cursor: auto;
        pointer-events: auto;
    }
    
    .project-banner::after {
        content: "";
        /* Handled by JavaScript - links to notion */
    }
}