@font-face {
  font-family: "InterTight Bold";
  src: url(../assets/font/Inter_Tight/static/InterTight-Bold.ttf) format("woff2");
}
@font-face {
  font-family: "InterTight Medium";
  src: url(../assets/font/Inter_Tight/static/InterTight-Medium.ttf) format("woff2");
}
@font-face {
  font-family: "InterTight Thin";
  src: url(../assets/font/Inter_Tight/static/InterTight-Thin.ttf) format("woff2");
}
:root {
  --sunny_day: linear-gradient(135deg, #74b9ff 0%, #0984e3 50%, #6c5ce7 100%);
  --cloudy_day: linear-gradient(135deg, #2d3436 0%, #b0b0b3 50%, #000000 100%);
  --rainy_day: linear-gradient(135deg, #374151 0%, #4b5563 50%, #111827 100%);
  --snowy_day: linear-gradient(135deg, #a0a0a0 0%, #808080 50%, #606060 100%);
  --moon_night: linear-gradient(135deg, #2d3436 0%, #6c5ce7 50%, #000000 100%);
  --cloudy_night: linear-gradient(135deg, #303030 0%, #1a1f2b 50%, #020405 100%);
  --rainy_night: linear-gradient(135deg, #0c0f12 0%, #1a2332 50%, #050d16 100%);
  --snowy_night: linear-gradient(135deg, #0f1419 0%, #1a2332 50%, #243447 100%);
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  width: 100vw;
  height: 100vh;
  color: #ffffff;
  background: var(--sunny_day);
  font-family: "InterTight Medium";
  overflow: hidden;
}
body.darkmode {
  background: var(--moon_night);
}

.content_wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.content_wrapper #server_error_message {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  font-size: 30px;
  color: #ffffff;
  width: 350px;
  height: 200px;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 50%, #3a2414 100%);
}
.content_wrapper #server_error_message.server_error {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.content_wrapper main {
  width: 100vw;
}/*# sourceMappingURL=style.css.map */