@media print {
    @page {
        margin: 2.5cm 2cm;
        size: A4;
    }
    
    :root {
        --header-font: ui-system, -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, sans-serif;
        --body-font: ui-serif, Palatino, Georgia, serif;
        
        --light: rgba(255, 255, 255, 1);
        --dark: rgba(55, 71, 79, 1);
        --accent: rgba(137, 191, 248, 0.8);
    }
    
    body {
        background: var(--light);
        
        color: var(--dark);
        
        margin: 0;
        padding: 0;
    }
    
    div.content {
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        
        h1 {
            font-family: var(--header-font);
            font-size: 18pt;
            margin-top: 1cm;
        }
        h2 {
            font-family: var(--header-font);
            font-size: 16pt;
            margin-top: 1cm;
        }
        
        p, li {
            font-family: var(--body-font);
            font-size: 12pt;
        }
        
        img.me {
            max-width: 3cm;
            height: auto;
            border-radius: 50%;
        }
        
        span.skill {
            font-weight: bold;
        }
        
        ul.socials {
            list-style: disc;
            list-style-position: inside;
            margin: 0;
            padding: 0;
            
            li {
                margin-bottom: 0.25cm;
                font-family: var(--body-font);
                font-size: 12pt;
            }
            
            a.icon {
                text-decoration: none;
            }
            a.icon span.name::after {
                content: ": ";
                text-decoration: none;
            }
            a.icon::after {
                content: attr(href);
                text-decoration: underline;
            }
        }
    }
}