@font-face {
  font-family: "Gene-Condensed";
  font-display: swap;
  font-weight: bold;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Condensed-Bold.eot");
  src: url("/public/pages/assets/fonts/Gene-Condensed-Bold.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Condensed-Bold.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Condensed-Bold.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Condensed-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Condensed";
  font-display: swap;
  font-weight: bolder;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Condensed-Heavy.eot");
  src: url("/public/pages/assets/fonts/Gene-Condensed-Heavy.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Condensed-Heavy.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Condensed-Heavy.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Condensed-Heavy.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Condensed";
  font-display: swap;
  font-weight: lighter;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Condensed-Light.eot");
  src: url("/public/pages/assets/fonts/Gene-Condensed-Light.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Condensed-Light.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Condensed-Light.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Condensed-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Condensed";
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Condensed-Regular.eot");
  src: url("/public/pages/assets/fonts/Gene-Condensed-Regular.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Condensed-Regular.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Condensed-Regular.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Condensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: bold;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Sans-Bold-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Bold-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Bold-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Bold-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Bold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: bold;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Sans-Bold.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Bold.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Bold.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Bold.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: lighter;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Sans-Light-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Light-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Light-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Light-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Light-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: lighter;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Sans-Light.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Light.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Light.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Light.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: normal;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Sans-Regular-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Regular-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Regular-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Regular-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Regular-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Sans";
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Sans-Regular.eot");
  src: url("/public/pages/assets/fonts/Gene-Sans-Regular.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Sans-Regular.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Sans-Regular.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Sans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: bold;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Serif-Bold-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Bold-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Bold-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Bold-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Bold-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: bold;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Serif-Bold.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Bold.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Bold.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Bold.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: lighter;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Serif-Light-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Light-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Light-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Light-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Light-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: lighter;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Serif-Light.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Light.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Light.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Light.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: normal;
  font-style: italic;
  src: url("/public/pages/assets/fonts/Gene-Serif-Regular-Italic.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Regular-Italic.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Regular-Italic.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Regular-Italic.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Regular-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Gene-Serif";
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  src: url("/public/pages/assets/fonts/Gene-Serif-Regular.eot");
  src: url("/public/pages/assets/fonts/Gene-Serif-Regular.eot") format("eot"),url("/public/pages/assets/fonts/Gene-Serif-Regular.woff2") format("woff2"),url("/public/pages/assets/fonts/Gene-Serif-Regular.woff") format("woff"),url("/public/pages/assets/fonts/Gene-Serif-Regular.ttf") format("truetype");
}

html {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

body {
  background: rgb(140,71,154);
  background: -moz-linear-gradient(166deg, rgba(140,71,154,1) 0%, rgba(0,102,204,1) 100%);
  background: -webkit-linear-gradient(166deg, rgba(140,71,154,1) 0%, rgba(0,102,204,1) 100%);
  background: linear-gradient(166deg, rgba(140,71,154,1) 0%, rgba(0,102,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c479a",endColorstr="#0066cc",GradientType=1);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-family: "Gene-Serif", serif;
}

body > .section {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}

body > .section > .box {
  max-width: 700px;
}

body > .section .title {
  color: #666;
  font-family: "Gene-Sans", sans-serif;
  font-size: 1.3rem;
}

body > .section p {
  color: #666;
}

#banner-image {
  border-bottom: 2px dotted #ddd;
}

#login-button {
  background-color: #06c;
  color: #fff;
  font-family: "Gene-Sans", sans-serif;
  font-weight: bold;
}

form label.label {
  font-family: "Gene-Sans", sans-serif;
}