/* ------ */
/* HEADER */
/* ------ */

header {
  margin-left: -168px;
  margin-bottom: 20px;
}

.header-splash,
.header-text {
  position: sticky;
  display: inline-block;
}

.header-text {
  z-index: -2;
  height: 70px;
  width: 1000px;

  margin-bottom: 20px;
  vertical-align: bottom;

  /* Outline Style */
  background-image: url(img/back-339.gif);
  background-size: 40px;

  /* Text Style */
  align-content: center;
  color: gainsboro;
  font-weight: bold;
  font-size: 45px;
  text-align: center;
}

/* ------ */
/* SPLASH */
/* ------ */

.header-splash {
  /* IMAGE EFFECT */
  vertical-align: top;
  margin-bottom: -120px;
  z-index: -1;
}

.blue-eye {
  /* IMAGE EFFECT */
  z-index: 0;
}

.blue-eye-text {
  /* Flex Style */
  display: flex;
  flex-direction: column;
  margin-bottom: -180px;
  height: 420px;
  width: 70px;

  /* Text Style */
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  color: black;

  /* Box Style */
  background-image: url(img/tiles/design6.webp);
  background-size: cover;
}

.header-text,
.blue-eye-text {
  border: 3px solid black;
  outline: 10px double black;
}