:root {
    --bg-dark: #111213;
    --fg-light: #d6d6d6;
    --matrix-green: #39FF14;
}

html {
    min-height: 100%;
    background: linear-gradient(to bottom, var(--bg-dark) 25%, #2b0000 100%);
}

body {
    padding: 0 10px;
    margin: 50px auto;
    max-width: 650px;
    color: var(--fg-light);
    font-family:
        "SF Mono", "SFMono-Regular", ui-monospace,
        Menlo, Consolas, "Liberation Mono", monospace;

    font-size: 0.9rem;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: 1.8rem;
    /* margin: 20px auto; */
    color: #ffffff;
}

#maincontent {
    max-width: 42em;
    margin: auto;
    text-align: center;

}

a {
    color: var(--matrix-green);
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

.education {
    color: #888;
    font-size: 0.85rem;
    margin: 10px 0 20px 0;
}

.news-date {
    color: #0daeee;
    font-weight: bold;
}

.conference {
    color: rgb(251, 251, 51);
}

.publications {
    text-align: left;
    max-width: 42em;
    margin: 0 auto;
}

.publications p {
    margin-bottom: 20px;
}

.publications a {
    color: #57d5be;
}

/* .publications a:hover {
    color: #FF8E8E;
} */


/* Better mobile spacing */
@media (max-width: 480px) {
    body {
        padding: 0 15px;
        margin: 30px auto;
    }
    
    h1 {
        font-size: 1.5rem;
    }
    
    body {
        font-size: 0.85rem;
    }
    
    /* Better link spacing on mobile */
    #maincontent a {
        display: inline-block;
        margin: 0 5px;
    }
}