/* digital bazaar colors */
:root {
  --gray-1: #222525;
  --primary-1: #00b2e9;
  --gray-4: #f8f6f4;
  --primary-2: #fc9f5b;
  --gray-3: #ecebea;
  --error: #ed6a5e;
  --white: white;
  --success: #57a773;
  --warning: #f19953;
  --gray-2: #62636b;
  --ghost-white: #f7faff;
  --bg-gray: #f1f4f8;
  --secondary-color: #23394d;
  --primary-3: #001e42;
  --black: black;
  --white-smoke: #f8f6f4;
}

/* site specific styles */
body {
  background: #23394d;
}
p {
  font-size: 1.3em;
}
.bg-wrapper {
  position: relative;
  background-color: white;
}
.bg-wrapper:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('/assets/images/hexagon.svg');
  background-repeat: no-repeat;
  background-position: 0 -610px;
  background-size: 1920px 1080px;
  opacity: 0.25;
}
main {
  position: relative;
  padding-bottom: 5em;
}
.ui.massive.equal.width.secondary.pointing.menu {
  margin-bottom: 2em;
}
.page-intro {
  font-size: 1.6em;
}
footer {
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: var(--secondary-color);
  color: rgba(255, 255, 255, 0.7);
}