@font-face {
  font-family: "ProximaSoft-Bold";
  src: url("assets/fonts/ProximaSoft-Bold.ttf");
}

@font-face {
  font-family: "Gilroy-Regular";
  src: url("assets/fonts/RadomirTinkov_Gilroy-Regular.otf");
}

#maintenance {
  padding-top: 20%;
  text-align: center;
  font: 3em sans-serif;
  width: 100%;
}

#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.welcome-board {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0px 16px;
}

.partner_logo {
  height: 34px;
}

#debug-window {
  margin-top: 20px;
  padding: 10px;
  overflow-y: scroll;
  width: 75%;
}

#debug-window p {
  margin: 0;
  line-height: 1.5;
}

.welcome-text {
  font-family: "ProximaSoft-Bold";
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  color: #0a2757;
  margin: 0px;
}

.description-text {
  font-family: "Gilroy-Regular";
  font-style: normal;
  font-size: 10px;
  line-height: 15px;
  color: #6780A9;
  text-align: center;
  margin: 0px;
}

.loading-bar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.loading-bar {
  display: flex;
  height: 30px;
  padding: 3px;
}

.loading-bar-square {
  flex: 1;
  background-color: #9ebef2;
  margin: 0 8px;
  width: 10px;
  height: 20px;
  transform: skew(-14deg);
}
.loaded {
  background-color: #3680f7;
}