/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/barlow-v12-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/barlow-v12-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/barlow-v12-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
    margin: 0;
    /*height: 100%;
    background-image: linear-gradient(to bottom right, rgb(183, 183, 180),  rgb(88, 78, 78));*/
    background-image: linear-gradient(to bottom right, #fdf6e3, #cdc6b3);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    text-align: center;
}

.footer {
    margin-top: 1em;
}


a:link, a:visited {
    color: black;
    text-decoration: none;
}


main {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 3%;
    left: 0;
    right: 0;
    /*-ms-transform: translate(20%,0%);
    transform: translate(20%, 0%);*/
}

.center {
    padding: 0.7em;
    border-left: 1em solid #268bd2;
    border-radius: 1ex;
    box-shadow: 0.6em 0.5em #919183;/* #5a5a5a;*/
    /*border: 0.35em solid #268bd2;*/
    /*background-color: #dcdcdc;*/
    background-color: #fdf6e3;
}

.header_text {
    font-size: calc(1.8rem + 5vw);
}


#navigation {
    border-bottom: 3px solid #268bd2;
    margin-bottom: 2em;
    list-style: none;
}

.nav_link {
    display: inline-block;
    /*font-size: 1.2em;*/
    font-weight: bolder;
    font-family: inherit;
    text-align: center;
    /*background: #ebebeb;*/
    color: black;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 5px solid #00000000;
    text-decoration: none;
}

.nav_link:hover {
    cursor: pointer;
    border-bottom: 5px solid #268bd2;
    color: #268bd2;
}

#nav_link_active {
    background: #ffffff;
}


.img-thumbnail {
    background-color: #FFFFFF;
    border-radius: 0;
    padding: 0.7rem 0.7rem 1.0rem;
    box-shadow: 0.6rem 0.6rem #919183;
    margin: 0 1.0rem 1.5rem 0;
}

.vita_entry {
    /*display: block;*/
    border-top: 2px groove #919183;
    border-image: linear-gradient(to right, #00000000, #268bd2ff 50%, #00000000) 1;
}

.vita_heading {
    font-weight: bold;
}

h2 {
    margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
    main {
        top: 3%;
        left: 15%;
        right: 15%;
    }
}