:root {
  --COL_PAGE_BG: #ffffff;
  --COL_PAGE_FG: #005511;
  --COL_BOX_BG: #ddeedd;
  --COL_BOX_FG: #005511;
  --COL_LINKS: #005511;
  --COL_SIG: #005511;
  --FONT_FAMILY: "Nunito", "Quicksand", "Arial", "Helvetica", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  color:  var(--COL_PAGE_FG);
  background-color:  var(--COL_PAGE_BG);
  font-family: var(--FONT_FAMILY);
}

.box {
  border-radius: 10px;
  color: var(--COL_BOX_FG);
  background-color: var(--COL_BOX_BG);;
  padding: 10px;
  margin: 10px;
}

.boxTitle {
  font-size: 22px;
  padding-bottom: 5px;
}

.boxText {
  font-size: 14px;
  padding-bottom: 5px;
}

.boxLink {
  padding-top: 10px;
}

.box a,
.box a:visited,
.box a:hover,
.box a:active {
  color: var(--COL_LINKS);
  text-decoration: underline;
}

#header {
  padding-left: 10px;
}

#signature {
  padding-top: 10px;
  padding-left: 10px;
  font-weight: bold;
  color: var(--COL_SIG);
}