:root
{
  font-size: 12px;

  --font-family: Ubuntu-Sans, sans-serif;
  --fgcolor: #f9f9f9;
  --bgcolor: #20495f;
}

@font-face
{
  font-family: Ubuntu-Sans; font-style: normal; font-weight: normal;
  font-display: swap;
  src: url("../fonts/open-sans-regular.woff2") format("woff2");
}

@font-face
{
  font-family: Ubuntu-Sans; font-style: normal; font-weight: bold;
  font-display: swap;
  src: url("../fonts/open-sans-bold.woff2") format("woff2");
}

html, body, .flex { height: 100%; }

body
{
  color: var(--fgcolor); background-color: var(--bgcolor);
  font-family: var(--font-family);
  margin: 0; padding: 0;
}

.flex { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex div { text-align: center; }
.flex div + div { margin-top: 2rem; }

.title { font-size: 1.5rem; margin-top: 3rem; }
.small { font-size: 0.8rem; }