:root {
  --overlay-padding: 10px 40px;
  --overlay-font-family: "Oswald", sans-serif;
  --overlay-title-color: #f7ffff;
  --overlay-title-font-size: 32px;
  --overlay-title-line-height: 1.2em;
  --overlay-title-font-weight: 700;
  --overlay-title-bg-gradient: linear-gradient(
    to right,
    #192b50 0%,
    #455fa9 70%
  );
  --overlay-subtitle-color: #192b50;
  --overlay-subtitle-font-size: 32px;
  --overlay-subtitle-line-height: 1.2;
  --overlay-subtitle-font-weight: 300;
  --overlay-subtitle-bg-color: #ffffff;
}

.overlay-wrapper {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.overlay-title,
.overlay-subtitle {
  padding: var(--overlay-padding);
  text-align: center;
  font-family: var(--overlay-font-family);
  font-optical-sizing: auto;
  font-style: normal;
  text-wrap: pretty;
  letter-spacing: 0px;
}

.overlay-title {
  color: var(--overlay-title-color);
  font-size: var(--overlay-title-font-size);
  line-height: var(--overlay-title-line-height);
  font-weight: var(--overlay-title-font-weight);
  background: var(--overlay-title-bg-gradient);
}

.overlay-subtitle {
  color: var(--overlay-subtitle-color);
  font-size: var(--overlay-subtitle-font-size);
  line-height: var(--overlay-subtitle-line-height);
  font-weight: var(--overlay-subtitle-font-weight);
  background-color: var(--overlay-subtitle-bg-color);
}