body {
    max-width: 820px;
    margin: 50px auto;
    padding: 0 28px;

    color: #333;
    background: #fafafa;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.6;
}

a {
    color: #285a7b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

a:hover {
    color: #173d55;
    border-bottom-color: #173d55;
}

```css
h1 {
    margin: 28px 0 18px;

    color: #222;
    font-size: 32px;
    font-weight: 550;
    letter-spacing: -0.3px;
}

h3 {
    margin-top: 36px;
    margin-bottom: 10px;
    padding-bottom: 5px;

    color: #333;
    font-size: 20px;
    font-weight: 550;

    border-bottom: 1px solid #ddd;
}
```

ul {
    margin-top: 8px;
    padding-left: 25px;
}

li {
    margin: 5px 0;
}

hr {
    margin: 45px 0 0;

    border: 0;
    border-top: 1px solid #ddd;
}

.language {
    text-align: right;
    margin-bottom: 10px;
    font-size: 14px;
}

.affiliation {
    color: #555;
}

.contact {
    margin-top: 18px;
    color: #555;

    font-family: "Courier New", monospace;
    font-size: 14px;
}

.areas {
    color: #555;
}

@media (max-width: 600px) {
    body {
        margin: 25px auto;
        padding: 0 18px;
        font-size: 16px;
    }

    h1 {
        font-size: 27px;
    }
}