/* Colors */
/* Fonts  */
/* Bootstrap */
/* Shadows */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  min-width: 100%;
  min-height: 100vh;
}

/* Footer Fix */
main#main-content {
  min-height: 100vh;
}

/* Automaticall Break Words when screen width is below 300px  */
@media screen and (max-width: 300px) {
  body,
  body * {
    word-wrap: break-word;
    word-break: break-all;
  }
  #alert-screen-size-warning {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  body,
  body * {
    word-wrap: break-word;
  }
}
/* Set Font */
body {
  font-family: var(--font-modern-1);
}

/* Skip Navigation */
.skip-nav-link {
  position: absolute;
  transform: translateY(-150%);
  background-color: black;
  color: orange;
  opacity: 0;
  z-index: 1000;
}

.skip-nav-link:focus {
  opacity: 1;
  position: relative;
  transform: translateY(0);
}

/* Flags */
.hidden {
  display: none;
}

.auto-word-break {
  word-wrap: break-word;
  word-break: break-all;
}/*# sourceMappingURL=globalStyle.css.map */