:root {
    --bg: #060816;
}

@media (max-width: 760px) {
    body {
        font-size: 15px;
    }

    header {
        padding: 1.8rem 1rem 2.4rem;
    }

    section {
        margin: 1rem;
        padding: 1.2rem;
        border-radius: 18px;
    }

    .summary {
        margin: 0 auto 1rem;
        text-align: left;
    }

    .skills .list-2cols,
    .skills .list-3cols,
    .personal-projects {
        grid-template-columns: 1fr;
    }

    .top-nav a,
    .bottom-nav a {
        width: 100%;
        justify-content: center;
    }
}