:root {
  --color-background: #080f0f;
  --color-border: #1a535c;
  --color-text: #82ac9f;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('../font/lato/Lato-Regular.ttf');
}

body {
  font-family: Lato-Regular;
  background-color: var(--color-background);
  color: var(--color-text);
}

.gateway {
  border: 5px solid var(--color-border);
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-color: var(--color-border);
  min-height: 400px;
  width: 42%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}