body {
    color: #000;
    background-color: #FFF;
    font-family: 'Ubuntu', sans-serif;
}
a, a:visited {
    color: #A70;
    background-color: #FFF;
}
img {
    border: 0;
}
header {
    display: grid;
    grid-template-columns: 25vw auto;
    grid-template-rows: auto auto auto auto;
    margin-left: 5vw;
    margin-right: 5vw;
}
header>h1 {
    grid-area: 1 / 2 / 2 / 3;
    font-size: 3.5vw;
    color: #000;
    text-shadow: 0.1em 0.1em 0.2em #960;
}
header>img {
    grid-area: 1 / 1 / 3 / 2;
    display: block;
    width: 20vw;
    padding-right: 2vw;
}
header>p {
    grid-area: 2 / 2 / 3 / 3;
    margin-top: -3vw;
    margin-left: 3vw;
    margin-right: 3vw;
    font-size: 1.4vw;
}
header>div#author {
    grid-area: 3 / 2 / 4 / 3;
    text-align: right;
    margin-right: 9vw;
    margin-top: -4vw;
    font-weight: bold;
    font-style: normal;
    font-size: 1.3vw;
    color: #630;
}
header>nav {
    grid-area: 4 / 1 / 5 / 3;
    font-size: 1.7vw;
    font-weight: bold;
    margin-left: 2vw;
}
a, a:visited {
    text-decoration: none;
}
main {
    font-family: 'Ubuntu Condensed', sans-serif;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    margin-top: 1vw;
}
section {
    margin-left: 4vw;
}
section>h2 {
    font-size: 1.6vw;
    margin-bottom: 0;
}
section>ul>li {
    font-size: 1.1vw;
}
section#papers {
    grid-column: span 2;
}
footer {
    margin-top: 5vw;
    text-align: center;
}
footer>p {
    text-align: center;
}
footer>a {
    display: inline;
    margin-right: 10px;
    width: 5vw;
    padding: 0.08vw;
    font-size: 0.8vw;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    text-align: center;
    color: #960;
    background-color: #DDD;
    border: 1px solid #000;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}
footer>a>strong {
    font-weight: bold;
    color: #FFF;
    background-color: #960;
    padding-left: 0.2vw;
    margin-right: 0.5vw;
}
footer>a:hover {
    color: #FFF;
    background-color: #960;
}
footer a:hover>strong {
    color: #960;
    background-color: #DDD;
}
p {
    text-align: justify;
    font-size: 1.2vw;
}
blockquote {
    margin-top: 40px;
    padding: .5em 1em;
    border-left: 5px solid #FCE27C;
    border-radius: 40px;
    background-color: #FAF0D1;
    font-size: .8em;
}
blockquote p {
    font-style: italic;
}
blockquote p:first-letter {
    float: left;
    font-size: 2vw;
    color: #960;
}
.author {
    font-weight: bold;
    font-style: normal;
    text-align: right;
    margin-top: -5px;
    margin-right: 50px;
    color: #630;
}

/* Style for mobile devices */
@media (max-width: 800px) {
    main, header {
        display: block;
    }
    header>img, header>p, header>div#author {
        display: none;
    }
    header>h1 {
        font-size: 7vw;
        margin-bottom: 0;
    }
    header>nav {
        font-size: 3.4vw;
        margin-top: 0;
        margin-bottom: 2vw;
    }
    section>h2 {
        font-size: 3.2vw;
    }
    section>ul>li {
        font-size: 2.2vw;
    }
}