/* SCSS HEX */
/* SCSS HSL */
/* SCSS Gradient */
@import url("reset.css");
@import url("colors.css");
@import url("fonts.css");
@import url("buttons.css");
.bg-cobalt-blue {
  background-color: #1446a0;
}

.bg-razzmatazz {
  background-color: #db3069;
}

.bg-naples-yellow {
  background-color: #f5d547;
}

.bg-beige {
  background-color: #ebebd3;
}

.bg-onix {
  background-color: #3c3c3b;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.fg-white {
  color: #fff;
}

.fg-black {
  color: #000;
}

.fg-cobalt-blue {
  color: #1446a0;
}

.fg-razzmatazz {
  color: #db3069;
}

.fg-naples-yellow {
  color: #f5d547;
}

.fg-beige {
  color: #ebebd3;
}

.fg-onix {
  color: #3c3c3b;
}

main a {
  color: #1446a0 !important;
}

main a:hover {
  color: #db3069 !important;
}

body {
  margin: 0;
  padding: 0;
}

.root-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
}

header {
  width: 100%;
}

.header-user-info {
  width: 25%;
  max-width: 300px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
}

.header-identity {
  width: 100%;
  padding: 1em;
  margin: 0;
}

.header-identity.about {
  background-color: #1446a0;
  color: white;
}

.header-identity.adm {
  background-color: #f5d547;
  color: black;
}

.header-identity.index {
  background-color: #ebebd3;
  color: black;
}

.header-identity.participant {
  background-color: #ebebd3;
  color: black;
}

.header-nav {
  width: 100%;
  padding: 0.5em;
  margin: 0;
}

.header-nav.about {
  background-color: #f5d547;
  color: black;
}

.header-nav.adm {
  background-color: #1446a0;
  color: white;
}

.header-nav.participant {
  background-color: #db3069;
  color: white;
}

.header-nav a:hover {
  text-decoration: none;
}

.header-nav.adm a, .header-nav.participant a,
.header-nav.adm a:visited, .header-nav.participant a:visited {
  color: white;
}

.header-nav ul {
  display: flex;
  list-style: none;
}

.header-nav ul li {
  padding: 0 1em 0 0;
}

.header-nav li.here {
  color: black;
}

.header-nav.adm li.here, .header-nav.participant li.here {
  color: white;
}

main {
  margin-bottom: 0 !important;
  min-height: 40vh;
  container-type: inline-size;
}

footer {
  margin-top: auto;
  width: 100%;
  font-size: 0.8em;
}

footer div.text, footer div.image {
  width: 100%;
}

footer div.image {
  max-width: 100vw;
  margin: 1em auto;
}

footer .image img {
  max-width: 100%;
}

footer a, footer a:visited, footer a:hover {
  color: #f5d547 !important;
  font-weight: bold;
}

footer a:hover {
  text-decoration: none;
}

@media (min-width: 800px) {
  footer {
    display: flex;
    justify-content: space-between;
  }
  footer div.image {
    margin: 0;
    text-align: left;
    max-width: 200px;
  }
}
@media (min-width: 1440px) {
  body {
    background-color: #3c3c3b;
  }
  .root-container {
    max-width: 1400px;
    margin: 0 auto;
  }
}
.center {
  text-align: center;
}

.flex {
  display: flex;
}

@container (width>15em) {
  .w30 {
    width: 30%;
  }
  .w50 {
    width: 50%;
  }
  .w70 {
    width: 70%;
  }
  .w100 {
    width: 100%;
  }
}
.block {
  display: block;
}

.pad1 {
  padding: 1em;
}

.pad05 {
  padding: 0.5em;
}

.margin0 {
  margin: 0 !important;
}

.mb05 {
  margin-bottom: 0.5em;
}

.fnt-09 {
  font-size: 0.9em;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  color: dimgray !important;
  text-decoration: none;
}

.img-float-left {
  float: left;
  margin-right: 0.5em;
}

.img-float-right {
  float: right;
  margin-left: 0.5em;
}

.img-float-none {
  float: none;
}

.grecaptcha-badge {
  visibility: hidden;
}/*# sourceMappingURL=master.css.map */