:root {
  --z-index-top: 9999;
  --width-structure-container: 50%;
  --light-blue: #00a1e9;
  --light-gray: #c0c0c0;
  --light-orange: #e9c482;
  --light-green: #1ec91e;
  --gray: #555555;
  --gray-blue: #95a6b8;
  --main-green: #27453c;
  --main-orange: #d7931c;
  --main-blue: #00448c;
  --main-red: #de4537;
  --main-green: #189518;
  --dark-white: #f4f4f4;
  --pale-blue: #c0d1e3;
  --pale-red: #f7d1cd;
  --pale-green: #d1f7d1;
  --gray-50: #f9f9f9;
  --gray-100: #ececec;
  --gray-200: #e3e3e3;
  --gray-300: #cdcdcd;
  --gray-400: #b4b4b4;
  --gray-500: #9b9b9b;
  --gray-600: #676767;
  --gray-650: #5c5c5c;
  --gray-700: #424242;
  --gray-800: #2f2f2f;
  --gray-900: #212121;
  --gray-blue-50: #fdfeff;
  --gray-blue-100: #f0f7fa;
  --gray-blue-200: #dfebf0;
  --gray-blue-300: #abc8d4;
  --gray-blue-400: #6d93a3;
  --gray-blue-500: #547887;
  --gray-blue-600: #3b5966;
  --gray-blue-700: #26404a;
  --gray-blue-800: #1a2e36;
  --gray-blue-900: #122129;
  --button-green: #1f883d;
}

@font-face {
  font-family: "Exo";
  src: url("/static/font/Exo-VariableFont_wght.a231c0a33014.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Zen Maru Gothic";
  src: url("/static/font/ZenMaruGothic-Regular.7d2ffbbc81c6.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Hachi Maru Pop";
  src: url("/static/font/HachiMaruPop-Regular.bc06cd642dd3.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
* {
  box-sizing: border-box;
  margin: 0px;
}

html {
  font-size: 62.5%; /* font-size 1em = 10px on default browser settings */
}

body {
  font-family: "Segoe UI", Helvetica, sans-serif, Arial;
  padding: 0;
}

.logo {
  font-family: "Exo", sans-serif;
  font-weight: 900;
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

button {
  border: 0px;
  cursor: pointer;
  font-weight: inherit;
}

a {
  text-decoration: none;
  color: var(--light-blue);
}

#main-messages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  max-height: 100px;
  overflow-y: scroll;
  margin-bottom: 20px;
  padding: 10px 5px;
  border-radius: 4px;
  background-color: var(--gray-100);
}

.message {
  padding: 7px;
  border-radius: 4px;
  color: var(--gray-blue-500);
  border: 1px solid var(--gray-blue-500);
  background-color: var(--gray-blue-200);
}
.message.error {
  color: var(--main-red);
  border: 1px solid var(--main-red);
  background-color: var(--pale-red);
}
.message.success {
  color: var(--main-green);
  border: 1px solid var(--main-green);
  background-color: var(--pale-green);
}
.message .icon-message-container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.error-message {
  color: var(--main-red);
  font-size: 0.8em;
  margin-top: 5px;
}

.errorlist {
  color: var(--main-red);
}
.errorlist li {
  list-style-type: "- ";
  margin-top: 5px;
}

.color-main-red {
  color: var(--main-red);
}

.color-light-green {
  color: var(--light-green);
}

.row {
  display: flex;
  flex-direction: row;
}

.column {
  display: flex;
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.hidden {
  display: none !important;
}

h1, h2, h3 {
  color: var(--gray-650);
}/*# sourceMappingURL=master.css.map */