:root {
 --mainfont:'Ubuntu Mono', monospace;
 /*--mainfont: monospace;*/

 /* warm colours*/
 --secondhandring: #b49056;
 --paneltan: #d0c6ab;
 --samoabrightmorning: #e9ebe6; /* rgba(233, 235, 230, 1.0)*/
 --lustfultwilight: #441f26;
 --colorthegalaxy: #b8130f;

 /* cool colours*/
 --pkmidblue: #4b6fa9;
 --pkdarkblue: #2f3954; /* rgba(47, 57, 84, 1.0) */
 --pkdarkblue_translucent-75: rgba(47, 57, 84, 0.75);
 --pkdarkblue_translucent-25: rgba(47, 57, 84, 0.25);
 --pkoffblack: #161419;
 --pklightturq: #bbe0d9; /* rgba(187,224,217,1.0)*/
 --pklightturq_translucent-3: rgba(187, 224, 217, 0.3);
 --pkbrightaqua: #47ecf0;
}

@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v6/ViZhet7Ak-LRXZMXzuAfkY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    background-color: var(--pkmidblue);
    text-align: center;
}

body::after {
    /* tile the bg img with some transparency */
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:-1;
    content: "";
    background-image:url('tile01.png');
    background-repeat: repeat;
    opacity:0.2;
}

h1 {
    margin: 0px;
    padding: 0px;
}

h2 {
    color: var(--secondhandring);
    margin: 8px 8px 8px 8px;
    padding: 8px 24px 8px 24px;
    text-align: center;
    font-family: var(--mainfont);
    font-size: 24pt;
}

#content {
    max-width: 1280px;
}

#content div {
    text-align: left;
    background-color: rgba(200,200,200,0.4);
    margin: 4px;
    padding: 4px;
}

img.inline {
    float:left;
}

.centered {
    margin: auto;
}
.centeredv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.padded {
    margin: 3%;
    padding: 3%;
}

.padded-fixed {
    margin: 24px 8px 24px 8px;
    padding: 8px 24px 24px 24px;
}

.spacer {
    margin: 16px;
    padding: 16px;
}

.textblob {
    background-color: var(--pkdarkblue_translucent-75);
    color: var(--samoabrightmorning);
    border-style: dashed;
    border-color: var(--pklightturq_translucent-3);
    border-width: 8px;
    box-shadow: -8px 8px var(--pkdarkblue_translucent-25);
    text-align: left;
    font-family: var(--mainfont);
    font-size: 12pt;
}