/* 20-10-2022 */
@import url('https://fonts.googleapis.com/css2?family=Freehand&display=swap');

:root {
--pkblueindex: #0C2D82; /* found in index.html */
--pkblue: #003399; /* blue */
--pkbluegray: #B3C4D9; /* blue gray */
--pkbluesky: #EDF3FA; /* blue very light */
--pkbluepowder: #C6D9F1; /* blue powder */
--pkwhite: #FFFFFF; /* white */
--pkorange: #EE7A00; /* orange (hover)*/
--pkreddark: #C70039; /* a red (active) */
--pkgray: #999696; /* gray */
--pkcharcoal: #3C4249; /* charcoal */


/* FONTS */
--font-01: 'Arial', sans-serif; /* common use */
--font-02: 'Verdana', sans-serif; /* less so */
--font-03: 'Freehand', cursive; /* Trebuchet substitute */
--font-04:	'Galeforce BTN', cursive; /* signature in aboutme.html */
--font-05: 'Trebuchet MS', serif; /* ? */
--font-06: 'Calibri', sans-serif; /* ? */
}

/* universal with additional on each page */
body { background-color: var(--pkblue); }
.container { background-color:var(--pkwhite); }

/* regular link colours */
a:link { color: var(--pkblue); }
a:visited { color: var(--pkblue); }
a:hover { color: var(--pkorange); }
a:active { color: var(--pkreddark); }

/* footer colours */
p.copyrightme { color: var(--pkorange); }
p.upugo a:hover { color: var(--pkorange); }
p.updated { color: var(--pkgray); }
p.copyrightme a:link { color: var(--pkorange); }
p.copyrightme a:visited { color: var(--pkorange); }
p.copyrightme a:hover { color: var(--pkblue); }
p.copyrightme a:active { color: var(--pkreddark); }