html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.frame {
  flex-grow: 1;
  background-color: #00309c;
}

#welcome-container {
  flex-grow: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  background: radial-gradient(
    circle at left top,
    rgb(249, 249, 249) 0%,
    #5a7edc 25%,
    #5a7edc 40%,
    #5a7edc 100%
  );
}

#welcome-text {
  color: #fff;
  text-shadow: 3px 4px 0px rgb(49, 81, 181);
  font-size: 5rem;
  font-weight: bold;
}