@font-face {
    font-family : 'fontin' ;
    src : url('./Fontin-Regular.otf') ;
}


@media (min-width : 1000px) {
    body {
        width : 1000px ;
        margin-left : auto ;
        margin-right : auto ;
        margin-top : 20px ;
        font-family : 'fontin' ;
    }

    header {
        margin-left: 40px ;
        margin-top : 40px ;
        float : right ;
    }

    section {
        width : 800px ;
    }
}

@media (max-width : 1000px) {
    body {
        width: auto;
        padding-left : 20px;
        margin-right: 0px;
        margin-left: 0px;
        font-family: 'fontin' ;
    }

    header {
        width: 200px;
        margin-left : auto ;
        margin-right : auto ;
        margin-top : 100px ;
    }

    header .large {
        display: none ;
    }
}

section:first-of-type {
    padding-top : 80px ;
}

section {
    padding-top: 30px ;
}

section p {
    text-indent : 15px ;
    line-height: 135%;
}

.block {
    padding-left: 40px;
}

ul {
    list-style-type : none ;
    padding-left : 20px ;
    list-style-image : url('./right_triangle.png') ;
    /* background-size : 16px ; */
    /* background-repeat : no-repeat ; */
}



a[href] {
    text-decoration-style : dashed ;
    color : rgb(180,70,70) ;
}

a, a[href=""] {
    text-decoration-style : wavy ;
    color : purple;
}

.comment::before {
    content: "/* " ;
}

.comment::after {
    content: " */" ;
}

.comment {
    color: green ;
    font-style : italic ;
    font-family : monospace ;
}

.authors::before {
    content: 'j.w.w. '
}

.authors {
    display: block;
}

.submission {
    color:rgb(40,100,100);
    display: block;
}

#nfvnr {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width:25%;
}

#persoPic {
    width: 200px;
    margin-bottom: 40px;
    border-radius: 15px;
}