:root {
  --color1: #ffab00;
  --color2: #4caf50;
  --color3: #2196F3;
  --color4: #FF5722;
  --color5: #e53935;
  --color6: #009688;
}

@font-face {
  font-family: 'GlucoBiteX';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(..//assets/fonts/OldSansBlack.ttf);
}

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.body2 {
  justify-content: normal;
  height: unset;
}

.content {
  text-align: center;
}

.content2 {
  margin: 32px;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
  word-break: break-word;
  display: inline-block;
}

.color1 {
  color: var(--color1);
}

.color2 {
  color: var(--color2);
}

.color3 {
  color: var(--color3);
}

.color4 {
  color: var(--color4);
}

.color5 {
  color: var(--color5);
}

.color6 {
  color: var(--color6);
}

#image-holder img {
  display: block;
  margin: 20px auto;
}

.bottom {
  display: flex;
  justify-content: center;
  margin: 32px;
  align-items: center;
}

.separator {
  margin: 0 10px;
  font-size: 1.5rem;
  color: #888888;
}

.bottom a {
  text-decoration: none;
  color: #888888;
}

.bottom a:hover {
  text-decoration: underline;
}