/* card.css — o cartão de apresentação e o menu principal */

.card{
    width:min(500px,90vw);

    background:rgba(17,17,17,.85);

    border:1px solid var(--border);

    border-radius:16px;

    padding:40px;

    text-align:center;

    box-shadow:
        0 0 0 1px rgba(255,184,77,.15),
        0 0 30px rgba(255,184,77,.08);
}

.avatar{
    width:140px;
    height:140px;

    margin:0 auto 24px;

    border-radius:50%;

    overflow:hidden;

    border:4px solid var(--accent);

    box-shadow:
        0 0 20px rgba(255,184,77,.3);

    position:relative;
}

.avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.links{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.links a{
    text-decoration:none;

    color:var(--text);

    font-size:2rem;

    border:1px solid var(--border);

    background:#161616;

    padding:12px;

    transition:.2s;
}

.links a:hover{
    background:var(--accent);
    color:#000;

    transform:translateX(5px);
}