.colorPrimary {
  color: #fffa;
}

.fontPrimary {
  font-family: Poppins, Helvetica, sans-serif;
}

a {
  color: #27a;
}

  a:visited {
    color: #58f;
  }

.download-link {
  color: #fffc;
}

hr {
  border-top: 1px solid #fff3;
}


.feedback {
  font-family: Poppins, Helvetica, sans-serif;
  margin: 20px;
  padding: 12px 4px;
  border: 2px solid #c00;
  border-radius: 4px;
  font-size: 0.9em;
  background-color: #c003;
  color: #c00 !important;
  box-shadow: #0004 0px 2px 20px;
}


.buttoz {
  cursor: pointer;
  font-family: Poppins, Helvetica, sans-serif;
  margin: 1px;
  padding: 9px 30px;
  border: 1px solid #422;
  border-radius: 10px;
  color: #fffc !important;
  font-size: 0.8em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #612740;
  opacity: 0.9;
  border: 2px solid #410720;
  font-weight: 300;
}


.buttoz-light {
  color: #fffd !important;
  font-weight: 800 !important;
}

.buttoz-icon {
  font-size: 0.8em;
  padding: 6px 8px;
}

.buttoz:hover {
  text-decoration: none;
  /*color: #fff !important;
  background-color: #511730;*/
  box-shadow: #0005 0px 4px 20px;
  opacity: 1;
}

.buttoz:active {
  text-decoration: none;
  color: #fff !important;
  background-color: #612740cc;
}

.buttoz-secondary {
  background-color: #a8a8a8;
  border: 2px solid #818181;
}

.buttoz-dark {
  background-color: #383838;
}


.buttoz-large {
  margin: 2px;
  padding: 14px 24px;
  border-width: 2px;
  border-radius: 5px;
  font-size: 1.1em;
}

.buttoz-small {
  margin: 0px;
  padding: 4px 8px;
  border-width: 1px;
  border-radius: 3px;
  font-size: 0.8em;
}

.buttoz-smaller {
  margin: 0px;
  padding: 3px 10px;
  border-width: 1px;
  border-radius: 6px;
  font-size: 0.8em;
}





.text-shadow-black {
  text-shadow: black 1px 0px 1px, black -1px 0px 1px, black 0px 1px 1px, black 0px -1px 1px;
}

.text-shadow-grey {
  text-shadow: #333 1px 0px 1px, #333 -1px 0px 1px, #333 0px 1px 1px, #333 0px -1px 1px;
}


.text-shadow-white {
  text-shadow: white 1px 0px 1px, white -1px 0px 1px, white 0px 1px 1px, white 0px -1px 1px;
}


.shaded-black {
  box-shadow: #0009 0px 0px 30px;
}


.black-shade {
  text-shadow: rgb(0,0,0) 2px 0px 3px, rgb(0,0,0) -2px 0px 3px, rgb(0,0,0) 0px 2px 3px, rgb(0,0,0) 0px -2px 3px;
}


.shaded-yellow {
  background-image: none, linear-gradient(to bottom,#fad600 0,#deab1d 100%);
}

.shaded-blue {
  background-image: none, linear-gradient(to bottom,#a0abb0 0,#01354a 100%);
  color: white;
}


.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.background-video {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.8;
}



@keyframes fadeInOut {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  70% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}



h1 {
  font-family: 'Geologica', Verdana, Tahoma, Geneva, sans-serif;
  font-size: 2rem !important;
  font-weight: 400;
  line-height: 50px;
  color: #fffc;
  text-transform: uppercase;
}

h2 {
  font-family: 'Geologica', Verdana, Tahoma, Geneva, sans-serif;
  font-weight: 200;
  font-size: 24px;
  color: #fffc;
}

h3 {
  font-family: 'Geologica', Verdana, Tahoma, Geneva, sans-serif;
  font-size: 24px;
  color: #1b6596;
}



fieldset {
  position: relative;
  border: 1px solid #777;
  background: #9992;
  border-radius: 6px;
  padding: 20px;
  backdrop-filter: blur(6px);
}

  fieldset legend {
    position: relative;
    font-family: Quicksand, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;*/
    padding: 3px 20px 6px;
    font-size: 34px;
    font-weight: 500;
    border-radius: 2px;
    margin-left: 15px;
    margin-bottom: 0px;
    top: -4px;
    color: #002940;
    background: #fff5;
    border: 1px solid #555;
  }

  fieldset.blue {
    border: 5px solid #085282;
    border-radius: 20px;
    background: #ccc;
    padding: 40px;
  }

    fieldset.blue legend {
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
      font-size: 30px;
      border-radius: 8px;
      color: #1b6596;
      background: #fafafa;
      border: 5px solid #1b6596;
    }