/*BEGIN SITE WIDE*/



h1 {
         
color: red;
letter-spacing: 0.09em;
font-family: Papyrus, fantasy;
font-weight: 900;
font-size: 18px; 
font-style: normal; 
font-variant: normal; 
line-height: 15.4px;
      
}

h2 {
         
color: black;
text-align: center;
font-size: 2.5em;
font-weight: 900;
letter-spacing: 0.02em;
      
}

h3 {
         
color: #009900;
      
}

h4 {

text-align: center;
color: red;
letter-spacing: 0.8rem;  
line-height: 2;    
}

p.caption {

font: italic normal 0.7em "Helvetica Neue", sans-serif;
text-align: center;
color: grey;

}

/*END SITE WIDE*/

/* BEGIN DUBLIN 11 */

p.PageNav {

text-align: center;
font-size: small;
padding: 0.8em 0 0 0;

}

p.PageNav span {

margin: 0 1.5em 0 1.5em;

}

/*img {

border-radius: 0.5em;

}*/

div.poem {

font-family: Arial, Helvetica, sans-serif; 
font-size: 1.1rem; 
font-style: normal; 
font-variant: normal; 
font-weight: 1.5; 
line-height: 1.2;
color: black;

}

@font-face { font-family: celticmd; src: url('https://www.wynne.quest/uploads/2026/celticmd.ttf'); }

div.poem p:first-child::first-letter {

margin-top: 0.5em;
font-family:  celticmd, Georgia, 'Times New Roman', serif;
font-weight: normal;
font-size: 4rem;
float: left;
line-height: 0.4;

}

/*BEGIN HR*/ 

hr { 

/*Gratitude to:*/
/*https://css-tricks.com/simple-styles-for-horizontal-rules/*/
    
overflow: visible; /* For IE */
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
width: 80%;
margin: 10% 10% 8% 10%;

}

hr:after { 

/*Gratitude to:*/
/*Glyph, by Harry Roberts*/
    
content: "🌸";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: inherit;

}

p.PageNav {

text-align: center;
font-size: small;
padding: 0.8em 0 0 0;
margin-top: 3em;

}

p.PageNav span {

margin: 0 1.5em 0 1.5em;


}

/*END HR*/ 



/* END DUBLIN 11 */


















/* BEGIN FOOTER */

#footer {

background-color: #fefbf3;
width: 100%;
height: auto;
margin: 0;
padding: 0;

}

.title {

font-size: 1.5em;
color: #009900;
letter-spacing: 0.08em;
padding: 0;
margin: 0:

}

.description, .radiate, .author {

font-size: 1em;
color: #000099;
padding: 0;
margin: 0:

}

.radiate {

font-weight: bold;

}


p.HeaderImageAbout {

text-align: center;
font-weight: normal;
font-size: 0.8em;

}

/* END FOOTER */

/* MYTHOS CSS - LIGHT MODE*/

:root {
    /* Warm earth tone palette - Light Mode */
   
 --color-text: #3c2415;           /* Dark brown */
    --color-text-light: #5d4037;     /* Medium brown */
    --color-text-muted: #8d6e63;     /* Light brown */
    --color-background: #fefbf3;     /* Warm white */
    --color-background-alt: #f5f1e8; /* Warm gray */
    --color-border: #d7ccc8;         /* Light brown border */
    --color-border-light: #efebe9;   /* Very light brown */
    --color-link: #6d4c41;          /* Brown link */
    --color-link-hover: #3c2415;     /* Dark brown hover */
    --color-accent: #8d6e63;        /* Brown accent */
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Warm earth tone palette - Dark Mode */
        --color-text: #f5f1e8;          /* Warm light */
        --color-text-light: #d7ccc8;    /* Warm gray */
        --color-text-muted: #a1887f;    /* Muted brown */
        --color-background: #2e1a0f;    /* Dark brown */
        --color-background-alt: #3c2415; /* Medium brown */
        --color-border: #5d4037;        /* Brown border */
        --color-border-light: #4a2c20;  /* Dark border */
        --color-link: #bcaaa4;          /* Light brown link */
        --color-link-hover: #d7ccc8;    /* Lighter brown hover */
        --color-accent: #8d6e63;        /* Brown accent */
    }
}