@charset "utf-8";
/* CSS Document */
body {
  margin: -2px;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.6;
  color: #222;
  background: #f7f3ec;

}
@keyframes pageFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
header {
  height: 40vh;
  background:
    linear-gradient(rgba(220, 220, 120, 0.33), rgba(22, 12, 33, 0.55)),
    url("Img3.png");

  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;

  justify-content: flex-start;
  align-items: center;
  text-align: center;

  padding-top: 8vh;
}
.hero-title {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5rem 0;
}

.greek-title,
.latin-title {
	  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
}
.greek-title {
  letter-spacing: 7px;
  margin: 0;
  color: rgba(222, 205, 120, 0.13);
  text-shadow:
    -1px -1px 1px rgba(255, 220, 110, 0.16),
     3px  1px 2px rgba(90, 0, 45, 0.40),
     0    3px 106px rgba(230, 190, 60, 0.20);
}
.latin-title {
  position: absolute;
  top: 28%;
  right: 2%;
  color: rgba(226, 211, 154, 0.92);
  white-space: nowrap;
  pointer-events: none;
  text-shadow:
    -1px -1px 1px rgba(255, 246, 205, 0.45),
     2px  2px 2px rgba(0, 0, 0, 0.85),
     0    4px 18px rgba(170, 125, 20, 0.45);
}
.hero-subtitle {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  margin: 0;
  color: #DED0D1;
  text-shadow:
    -1px -1px 1px rgba(255, 255, 255, 0.20),
     1px  1px 2px rgba(0, 0, 0, 0.85),
     0    3px 12px rgba(0, 0, 0, 0.75);
}
nav {
  display: grid;
  grid-template-columns: 1fr repeat(5, 1fr) 1fr;

  height: 70px;
  padding: 0;
  background: #e8dfd2;

  position: sticky;
  top: 0;
  z-index: 1000;
}

nav a {
  display: flex;
  justify-content: center;
  align-items: center;

  color: #2b2118;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif, bold;
  font-size: 1.5rem;
border-left: 1px solid rgba(255, 255, 255, 0.45);
  border-right: 1px solid rgba(70, 45, 25, 0.25);
	
	  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(70, 45, 25, 0.20);
  transition: background-color 0.25s ease, color 0.25s ease; box-shadow 0.25s ease;
}
nav a:first-child {
  grid-column: 2;
}
nav a:hover {
  background: #c9b89f;
  color: #2b1608;
  text-decoration: underline;
}
main {
  height: calc(100vh - 70px);
  overflow-y: auto;

  max-width: none;
  margin: 0;
  padding: 3rem 1.5rem;
  background: #f7f3ec;
  animation: pageFadeIn 0.4s ease-in forwards;
}
main section {
  max-width: 900px;
  margin: 0 auto;
	align-content: center;
}

footer {
  display: 
  margin-top: 2rem;
  padding: rem;
  text-align: center;
  background: #2b2118;
  color: #f7f3ec;
}