style.css

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300&display=swap');

html, body, st-emotion-cache [class*="css"] {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #091747;
}

.st-emotion-cache-nahz7x {
	font-family: "Lexend", sans-serif;
	font-weight: 300;
}

h1, h2, h3, h4 {
	font-family: "Lexend", sans-serif;
}

[data-testid="stSidebarNavItems"] {
	padding: 6em 0.25rem;
}

.st-emotion-cache-z5fcl4 {
	width: 100%;
	padding: 0.25em 3rem 3rem;
	min-width: auto;
	max-width: initial;
}

h1 {
	padding: 0.25rem 0px 1rem;
}

.block-container {
    width: 100%;
    padding: 1rem 2rem 2rem;
    min-width: auto;
    max-width: initial;
}


/* None of these work! */

/* [id^='mermaid'] [id$='pointEnd'] .marker .flowchart {
	fill: #FFF !important;
	stroke: #FFF !important;
} */

/* [class$="flowchart-pointEnd"]  {
	fill: #FFF !important;
	stroke: #FFF !important;
} */

/* #mermaid-1698413512501 .marker {
	fill: #FFF;
	stroke: #FFF;
} */

/* #arrowhead {
    fill: #FFF !important;
  }

.loopLine {
stroke-width: 2;
stroke-dasharray: "2 2";
marker-end: "url(#arrowhead)";
stroke: #CCCCFF;
} */

/* https://github.com/mermaid-js/mermaid/issues/1236 */
/* #flowchart-pointEnd { stroke:#0f0 !important; fill:#f00 !important; stroke-width:3px !important; } */