@font-face {
    font-family: e-UkraineHead;
    src: url("../fonts/e-Ukraine-Bold.woff2");
}
@font-face {
    font-family: e-Ukraine;
    src: url("../fonts/e-UkraineHead-Medium.woff2");
}
h1 {
		font-family: e-UkraineHead;
}

.maintenance-description {
		font-family: e-Ukraine;
		max-width: 800px;
}

html, body {
  height: 100%
}

body {
  background: #b8ceed;
  position: relative;
  margin: 0;
  padding: 0;
}

.maintenance-container {
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  text-align: center;
  position: static;
  padding: 25px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: black;
  font-size: 1.4rem;
}

.maintenance-container *:not(.background-gradient) {
  z-index: 1;
}

.background-gradient {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background: radial-gradient(ellipse at top, #c6eab4, transparent),
    radial-gradient(ellipse at bottom, #d5afd0, transparent),
    radial-gradient(ellipse at left, #a8a9ea, transparent),
    radial-gradient(ellipse at right, #65b2ff, transparent);
}

.maintenance-icon {
  font-size: 8rem;
}