:root {
    --blackbird-colour: #000000;
  
    /*MAIN CHARACTERS*/
    --oesala-colour:  #6CD6FC;
    --erundur-colour: #FF9000;
    --sesõlam-colour: #5B9ABA;


    /*MAJOR CHARACTERS*/
    --poiãtas-colour: #5B9ABA;



    /*MINOR NAMED CHARACTERS*/
    --ácchién-colour: #5B9ABA;
    --mectoes-colour: #76CC81;
}





body {
	background-color: #111111;
}


#title {
	color: #FFEEDD;
	font-size: 30px;
	margin-bottom: 0px;
  text-align: center;
}

#subtitle {
	color: #EEDDCC;
	font-size: 18px;
	margin-top: 0px;
  text-align: center;
}

#date {
	color: #777777;
	font-size: 10px;
	margin-top: 0px;
  text-align: center;
}

#triggers {
	color: #DD0000;
	font-size: 20px;
	margin-top: 0px;
  text-align: center;
}

/* legacy */
#time_and_place {
	color: #EEC6C0;
	font-size: 15px;
  text-align: center;
}

#location {
	color: #EEC6C0;
	font-size: 15px;
  text-align: center;
}
#time {
	color: #EEC6C0;
	font-size: 15px;
  text-align: center;
}


/*defining how a text-block looks*/
.block {
    border-style: solid;
    border-width: 1px;
    border-colorsu: #FFFACD;

    background-color: #0D2B2E;

    color: #EBBCB7;

    font-family: "Times New Roman, cursive";

    padding: 5px;
    margin: auto;
    margin-bottom: 15px;
    width: 90%;

    text-align: left;

    position: relative;
}






a:link, a:visited, summary{
    color:#169e75;
    text-decoration: underline;
    list-style: none; /* Remove default marker in some browsers */
}

a:hover, a:active, summary:hover{
    color:#2b6856;
    text-decoration: underline;
    text-decoration-style: double;
}

.dead-link {
    color:#884444 !important;
}

details {
    color: #BB7C77;
}

.internal {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.8em;
    margin-left: 20px;
    padding:10px;
    background-color: #1D3B3E;
}


.whipser {
    font-style:italic;
    color: #77615E;
}

.nar::before {
    content: "> ";
    font-size: 0.8em;
}

.Oes::before {
    content: "Oesala: ";
    font-style:italic;
    font-size: 0.8em;
    color: var(--oesala-colour);
}

.Ses::before {
    content: "Sésṍlam: ";
    font-style:italic;
    font-size: 0.8em;
    color: var(--sesõlam-colour);
}

.Poi::before {
    content: "Poiãtas: ";
    font-style:italic;
    font-size: 0.8em;
    color: var(--poiãtas-colour);
}

.Áec::before {
    content: "Áecchién: ";
    font-style:italic;
    font-size: 0.8em;
    color: var(--ácchién-colour);
}

.Mec::before {
    content: "Mectoes: ";
    font-style:italic;
    font-size: 0.8em;
    color: var(--mectoes-colour);
}



.paragraph-split {
    border: none;
    border-top: 2px dashed;
    margin: 20px 0;
}



<p class=nar></p>
<p class=Oes></p>
<p class=Ses></p>
<p class=Poi></p>
<p class=Áec></p>