/****************************************/
/* CARD EFFECT                          */
/****************************************/

body {
    margin: 20pt;
    padding: 20pt;
    border-radius: 10pt;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (max-width:720px) {
    body {
        margin: 0pt;
        padding: 5pt;
        border-radius: 0pt;
        box-shadow: none;
    }
}

/****************************************/
/* FONTS                                */
/****************************************/

:root {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
}

@media screen and (max-width:720px) {
    :root {
        font-size: 10pt;
    }
}

h1, h2, h3 {
    font-weight: 500;
}

h1 { font-size: 200%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }

a {
    text-decoration: none;
    color: #0079A5;
    font-weight: 500;
}

a:hover {
    text-decoration: underline;
    color: #0079A5;
    font-weight: 500;
}

b {
    font-weight: 500;
}

/****************************************/
/* LISTS                                */
/****************************************/

ul {
    padding-inline-start: 12pt;
}

/****************************************/
/* MENU                                 */
/****************************************/

nav > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #9BD3F4;
    width: 100%;
    border-radius: 10pt;
}

nav > ul > li {
    float: left;
}

nav > ul > li > a {
    display: block;
    color: black;
    text-align: center;
    padding: 6pt 12pt;
    text-decoration: none;
    font-weight: 500;
}

nav > ul > li > a:hover:not(.current) {
    background-color: white;
}

nav > ul > li > a.current {
    background-color: #FFCC66;
}

@media screen and (max-width:720px) {
    nav > ul {
        border-radius: 0;
        background-color: white;
    }
    nav > ul > li {
        float: none;
        margin-top: 6pt;
        background-color: #9BD3F4;
    }
}

/****************************************/
/* FULL NAME                            */
/****************************************/

#fullname {
    color: #0079A5;
    text-align: right;
    width: 100%;
    margin: 0 0 12pt 0;
    font-size: 225%;
    font-weight: 500;
}

@media screen and (max-width:720px) {
    #fullname {
        text-align: center;
        margin: 0;
        font-size: 200%;
    }
}

/****************************************/
/* COLUMNS                              */
/****************************************/

.columns {
    display: flex;
    flex-direction: row;
}

.column-30 {
    width: 30%;
    flex-grow: 30%;
}

.column-50 {
    width: 50%;
    flex-grow: 50%;
}

.column-70 {
    width: 70%;
    flex-grow: 70%;
}

@media screen and (max-width:720px) {
    .columns {
        flex-direction: column;
    }

    .column-30 {
        width: 100%;
        flex-grow: 100%;
    }

    .column-50 {
        width: 100%;
        flex-grow: 100%;
    }

    .column-70 {
        width: 100%;
        flex-grow: 100%;
    }
}

/****************************************/
/* IMAGES                               */
/****************************************/

figure {
    margin: 0 0 12pt 0;
}

img#me {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:720px) {
    img#me {
        display: none;
    }
}

#contacts img {
    width: 24pt;
    padding: 0 12pt 0 0;
}

/****************************************/
/* INDEX PAGE                           */
/****************************************/

#index-left {
    padding: 12pt 0 0 0;
}

#index-right {
    padding-left: 24pt;
}

@media screen and (max-width:720px) {
    #index-right {
        padding: 0;
    }
}

/****************************************/
/* PUBLICATION LIST                     */
/****************************************/

ul#publications {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#publications > li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 1em;
}

#publications .pub_status {
    font-weight: 500;
    border: 1px solid black;
    /* background-color: #DDDDDD; */
    padding: 0 .5em;
}

#publications .pub_type {
    font-weight: 500;
    background-color: #DDDDDD;
    padding: 0 .5em;
}

#publications .pub_award {
    font-weight: 500;
    background-color: #FFCC66;
    padding: 0 .5em;
}

#publications .me {
    text-decoration-line: underline;
}

#publications .pub_year {
    font-weight: 500;
}

#publications .pub_title {
    font-weight: 500;
}

#publications .pub_venue {
    font-style: italic;
}

#publications .pub_vnp {
    font-style: italic;
}