:root {
    /*--sans-font: "Helvetica";*/
    /*--ser-font: Sometype mono;*/

}
/*#site-title{*/
/*    width: 30vw;*/
/*    padding-top: 5vh;*/
/*    !*display: inline-block;*!*/

/*}*/
/*.grad{*/
/*    background: linear-gradient(to right bottom, #f5f3f1 50%, rgb(74,114,124, 0.5) 50%);*/

/*}*/

/*.cont2{*/
/*    padding-bottom: 40px;*/
/*}*/
html, body{
    max-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;


}
html{
    background: linear-gradient(to right bottom, #f5f3f1 50%, rgb(74,114,124, 0.4) 50%);
    padding-bottom: 6vh;

}

nav {
    /*height: 20vh;*/
    margin-top: 5vh;
    /*display: inline-block;*/
    width: 70vw;
}

ul {
    display: flex;
    justify-content: space-around;
    padding: 0;
}

li {
    list-style: none;
    /*text-decoration: none;*/

}
a {
    text-decoration: none;
    font-family: Georgia;
    font-size: 34px;
    color: black;
}
@media screen and (min-width: 801px) {
    .cont1 {
        display: flex;
        width: 100%;
        height: 60vh;
        flex-direction: row;
        margin-bottom: 5vh;

    }
    #about{
        width: 50vw;
        margin: 0;
        font-family: "Helvetica Neue";
        font-size: medium;
        padding-left: 15vw;
        padding-top: 5vw;
        justify-self: center;


    }
    .name{
        width: 100vw;
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-between;
        padding-left: 1em;
    }
    ul{
        flex-direction: row;
    }
    #radboud, #academia{
        max-width: 30%;
    }

}
@media screen and (max-width: 800px) {
    .cont1 {
        display: flex;
        width: 100%;
        /*height: 60vh;*/
        flex-direction: column;
        margin-bottom: 5vh;
    }
    #about{
        width: 80vw;
        margin: 0;
        font-family: "Helvetica Neue";
        font-size: medium;
        padding: 2vw;
        justify-self: center;
    }
    ul{
       flex-direction: column;

    }
    li{
        padding-bottom: 10px;
        align-self: center;
    }
    .name{
        flex-direction: column;
        width: 80vw;
        margin: auto;

        display: flex;
        /*width: 100vw;*/
        /*flex-direction: row;*/
        justify-content: space-between

    }
    nav{
        align-self: center;
    }
    .ivan{
        align-self: center;
        width: 80vw;
        height: 100vh;
    }
    #about{
        margin: auto;
    }

    #runL{
        animation: runR 60s linear infinite;
    }
    #runR{
        animation: runL 60s linear infinite;
    }
    #radboud, #academia{
        max-width: 45%;
    }

}
/*#about{*/
/*    width: 50vw;*/
/*    margin: 0;*/
/*    font-family: monospace;*/
/*    font-size: 1vw;*/
/*    padding: 5vw;*/
/*    justify-self: center;*/

/*}*/

.link > img{
    margin: auto;
    /*height: 45vh;*/
    /*display: block;*/
    /*max-height:50%;*/
    max-width:100%;

}
.ivan{
    padding: 5vw;
    width: 50vw;
    height: 50vh;
    margin: 0;
    /*object-fit: fill;*/
    /*position: relative;*/
    display: flex;
    justify-content: center;
}
#f1{
    /*position: absolute;*/
    align-self: center;
    /*height: 45vh;*/
    display: block;
    max-height:100%;
    /*object-fit: fill;*/
    /*max-width:100%;*/
}
figure{
    display: flex;
    flex-direction: column;

    /*position: relative;*/
}
figcaption{
    /*justify-self: left;*/
    align-self: center;
    font-size: 11px;
    /*position: relative;*/
    /*-ms-transform: rotate(90deg);*/
    /*!* IE 9 *!*/
    /*-webkit-transform: rotate(90deg);*/
    /* Chrome, Safari, Opera */
    /*transform: rotate(90deg);*/
    /*left: 140px;*/
    /*bottom: 80px;*/
}

    /*animation on small screens let run auto?* as there is no hover/

     */
.run{
    font-family: Georgia;
    font-variant-caps: small-caps;
    font-size: x-large;
}

#runR{
    padding-top: 5vh;
    text-align: right;


}
#runL{

}
@keyframes runR{
    0% { transform: translateX(0); }
    50% { transform: translateX(-100%); }
    100% { transform: translateX(0); }

}
@keyframes runL{
    0% { transform: translateX(0); }
    50% { transform: translateX(100%); }
    100% { transform: translateX(0); }

}
.run:hover{
    animation: runR 60s linear infinite;

}
.link:hover{
    cursor: pointer;
}
button{
    display: inline-block;
    border: none;
    width: 200px;
}
h1{
    display: block;
    text-align: center;
    font-family: Georgia;
    font-variant-caps: small-caps;
}

.year{
    font-family: Georgia;
    font-size: 20px;
    font-weight: bolder;
    color: black;
    margin-bottom: 0;
}
.entry{
    /*max-width: 50vw;*/
    margin-top:0;
}

p{
    width: 70%;
    margin-left: 10vw;
    font-family: "Helvetica Neue";
    font-size: medium;
}
.ps{
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
}

.review{
    font-size: small;
}
.title{
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.pubs{
    margin-top: 10vh;
}
.ed{
    font-size: small;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 0;
}
footer{
    width: 100vw;
    /*padding-top: 1em;*/
    /*padding-bottom: 1em;*/
    /*padding-left: 1em;*/
    background-color: rgb(74,114,124, 0.5);
    text-align: left;
    font-family: var(--sans-font);
    position: absolute;
    bottom: 0;


}