@media screen and (min-width: 900px) {

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    header .photo {
        display: block;
        position: absolute;
        left: calc(50% - 440px);
        top: 40px;
    }

    header .photo img {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        border: solid 3px;
        border-color: var(--light-bg);
    }

    header .intro .intro-name {
        font-size: 1.9em;
    }

    header ul.nav-menu {
    }

    header ul.nav-menu li a {
    }

    main .content {
        width: 500px;
        margin: 0 auto;
    }

}