html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: radial-gradient(ellipse at bottom, #5091DD 0%, #030617 100%);
}

:root {
  --line-color: #030617;
  --step: 3px;
  --border-weight: 1px;
}

/* Контент */
.container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Центрируем текст */
.content {
  flex: 1;                     /* занимает всё доступное пространство */
  display: flex;
  flex-direction: column;
  justify-content: center;     /* центр по вертикали */
  align-items: center;         /* центр по горизонтали */
  text-align: center;
  color: #fff;
}

/* Футер */
.footer {
  text-align: center;
  padding: 20px;
  color: #fff;
  z-index: 2;
}