@font-face{
    font-family: "Valkyrie C4 Bold";
    src: url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.eot");
    src: url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/46fb268b7b9cc20b10d2f1d1f341bf99.svg#Valkyrie C4 Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body {
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 30px;
    background-color: #fff;
    color: #000;
}

.article-title {
    /*font-family: 'Valkyrie C4 Bold', serif;*/
    font-family: 'Valkyrie C4', serif;
    font-size: 1.4em;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 10px;
}

.article-date {
    font-family: 'Valkyrie C4', serif;
    font-size: 0.7em;
    color: #666;
    margin-bottom: 20%;
}

.article-body {
    font-family: Georgia, serif;
    line-height: 1.8em;
    font-size: 0.8em;
}

.article-body h2 {
    font-size: 1.4em;
}

.article-body h3 {
    font-size: 0.9em;
}

.image-author {
    font-family: Georgia, serif;
    font-size: 0.5em;
    color: black;
}

a {
    text-decoration: none;
    color: #20b;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

a:visited {
    color: #606;
}

a:hover {
    text-decoration: underline;
}



body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.full-height {
    height: 100%;
}
.text-side {
    background-color: #f8f9fa;
    padding: 50px 30px;
    overflow-y: auto;
    position: relative;  /* Added to position the author text absolutely */

}
.image-side {
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Makes the right side non-scrollable and full-page */
    overflow: hidden; /* Disable scrolling on the right side */
}

/*.article-date {*/
/*    font-size: smaller;*/
/*    color: #666;*/
/*    margin-bottom: 20%;*/
/*}*/
.delimiter {
    height: 2px;
    background-color: #ad9f9f85;
    margin-bottom: 20px;

}
.article-body {
    margin-top: 0;
}
.image-author {
    position: absolute;
    bottom: 5px;
    margin-bottom: 2px;
    font-size: 10px;  /* Smaller font for the author text */
    color: black;  /* White color for visibility */
}
.image-author.right {
    right: 10px;  /* Positioned on the right if text is on the left */
}
.image-author.left {
    left: 10px;  /* Positioned on the left if text is on the right */
}

.back-button {
    position: absolute;
    bottom: 10px;
    padding: 10px;
    font-size: 24px;
    color: rgba(177, 175, 175, 0.7); /* Light white/grey color for visibility */
    text-decoration: none; /* Removes underline from the link */
    background-color: transparent; /* No background */
    border: none; /* Ensures no border around the element */
}

.back-button.left {
    left: 10px;
}

.back-button.right {
    right: 10px;
}

.back-button:hover,
.back-button:focus {
    text-decoration: none; /* Ensures no underline on hover/focus */
    outline: none; /* Removes any focus outline that might appear */
}