/* SCSS HEX */
/* SCSS HSL */
/* SCSS Gradient */
@import url("reset.css");
@import url("colors.css");
@import url("fonts.css");
@import url("buttons.css");
.bg-indigo-dark {
  background-color: #33228f;
}

.bg-orange-dark {
  background-color: #fb840c;
}

.bg-orange-medium {
  background-color: #fea811;
}

.bg-orange-light {
  background-color: #feb81b;
}

.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;
}

@font-face {
  font-family: "Futura Display";
  src: url("/font/FuturaDisplay.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "League Spartan";
  src: url("/font/LeagueSpartan-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "League Spartan";
  src: url("/font/LeagueSpartan-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "League Spartan";
  src: url("/font/LeagueSpartan-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "League Spartan";
  src: url("/font/LeagueSpartan-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.sans-serif {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body {
  font-size: 100%;
}

body {
  margin: 0;
  padding: 0;
}

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

header {
  width: 100%;
}

.header-container {
  background-color: #ebebd3;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header-logo {
  width: 15%;
  max-width: 150px;
  padding: 1em;
}

header.about .header-logo {
  max-width: 100px;
  margin-left: 30px;
}

.header-logo img {
  max-width: 100%;
  height: auto;
}

.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 h1 {
  font-family: "League Spartan", sans-serif;
  font-weight: 900;
}

.header-identity .subtitle {
  font-family: "League Spartan", sans-serif;
  font-weight: 800;
  font-size: 1.5em;
}

h2 {
  font-family: "League Spartan", sans-serif;
  font-weight: 800;
}

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

.header-identity.index, .header-identity.about {
  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: #feb81b;
  color: #33228f;
}

.header-nav.adm {
  background-color: #33228f;
  color: white;
}

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

.header-nav a, .header-nav a:visited {
  color: #33228f;
}

.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.uuxetoh-logo-white {
  max-width: 100vw;
  margin: 1em auto;
}

footer .uuxetoh-logo-white img {
  max-width: 100%;
  max-height: 100px;
  transform: scaleX(-1);
  #filter: grayscale(100%);
}

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

footer a:hover {
  text-decoration: none;
  color: #fb840c !important;
}

@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;
}

.pad2 {
  padding: 2em;
}

.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 */