@media (max-width:48rem){
    .container{
        padding:2rem 1.5rem;
        gap:1rem;
    }
    
    .name{
        font-size:1.75rem;
    }
    
    .social-links{
        gap:1.25rem;
    }
    
    .footer{
        flex-direction:column;
        gap:1rem;
        text-align:center;
    }
}

@media (max-width:30rem){
    .container{
        padding:1.5rem 1rem;
        gap:1rem;
    }
    
    .name{
        font-size:1.5rem;
    }
    
    .tagline{
        font-size:.9rem;
    }
    
    .social-links{
        gap:1rem;
    }
    
    .status h2{
        font-size:1.1rem;
    }
    
    .status p{
        font-size:.9rem;
    }
}