@font-face {
    font-family: "Libertinus Serif";
    src: url('/fonts/libertinus/LibertinusSerif-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Libertinus Serif";
    src: url('/fonts/libertinus/LibertinusSerif-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Lora";
    src: url('/fonts/lora/Lora-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: "Libertinus Serif", serif;
    font-style: normal;
    font-size: 1.2rem;
    color: #1d1d1d;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lora", serif;
}

header {
  text-align: center;
}

header h1 {
  margin-bottom: 10px;
}

img {
    width: 20%;
    border-radius: 50%;
}

.about {
    margin: 18%;
}

.cv-container {
    margin: 7%;
}

.header-meta a {
    color: #1d1d1d;
    padding: 0 20px;
    text-decoration: none;
    font-weight: bold;
}

.div-info {
  margin-bottom: 20px;
}

.div-info p {
  margin: 0;
}

.section-content h2 {
  border-bottom: 3px solid #1d1d1d;
}


.footnotes {
    font-size: 1.1rem;
}

footer {
  text-align: center;
}