@charset "UTF-8";

.cinzel-decorative-regular {
  font-family: "Cinzel Decorative", serif;
  font-weight: 400;
  font-style: normal;
}

.cinzel-decorative-bold {
  font-family: "Cinzel Decorative", serif;
  font-weight: 700;
  font-style: normal;
}

.cinzel-decorative-black {
  font-family: "Cinzel Decorative", serif;
  font-weight: 900;
  font-style: normal;
}

body {
  background-color: lightgray;
  padding: 1vh 1vw;
  /* 
  background: #e08cff;
  background: linear-gradient(
    90deg,
    rgb(93, 37, 37) 3%,
    rgb(140, 0, 82) 16%,
    rgb(61, 4, 37) 24%,
    rgb(65, 3, 37) 30%,
    rgb(194, 125, 183) 48%,
    rgb(255, 255, 255) 50%
  ); */
}

.toc {
  background-color: lightgray;
  width: 10vw;
  position: fixed;
  top: 3vh;
  padding: 1vh 1vw;
  z-index: 9999;
  border-right: solid 50px white;
}
li {
  font-family: "Times New Roman", Times, serif;
  color: white;
  font-size: 4vh;
  list-style-type: none;
}
h3 {
  font-family: "Times New Roman", Times, serif;
  color: white;
  font-size: 2vh;
  text-align: right;
}

a {
  text-decoration: none;
  color: white;
}
a:hover {
  font-style: italic;
}
.container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1vh;
}

.column {
  flex: wrap;
  /* height: 99vh; */
  /* width: 49vw; */
  /* border-radius: 2vh; */
}
.left {
  width: 37vw;
  margin-right: 0.5vw;
  margin-bottom: 0.5vh;

  /* background-color: #e08cff; */
}

.right {
  /* background-color: white; */
  width: 52vw;
  margin-left: 0.5vw;
  margin-bottom: 0.5vh;
  padding: 3vh 3vw;
  background-color: white;
}

h1 {
  font-weight: 400;
  font-style: normal;
  position: sticky;
  top: 3vh;
  left: 2vw;
  margin-right: 3vw;
  font-size: 12vh;
  color: black;
  background-color: white;
  margin-right: 2vw;
  text-align: right;
  width: 38vw;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12vh;
  text-align: left;
  text-transform: lowercase;
  position: sticky;
  top: 2vh;
  left: 0.1vw;
  background-color: white;
  z-index: 0;
  margin-top: 2vh;
  border-top: solid black 2px;
}
p {
  font-family: "Times New Roman", Times, serif;
  font-size: 2vh;
  /* margin-bottom: 1vh; */
  text-align: left;
  background-color: lightgray;
  padding-bottom: 2vh;
  margin-left: 5vw;
  position: relative;
  z-index: 10;
}

h4 {
  font-family: "Times New Roman", Times, serif;
  font-size: 4vh;
  color: black;
  background-color: white;
  /* background-color: lightgray; */
  width: fit-content;
  position: relative;
  text-align: right;
  left: -5vw;
  text-transform: lowercase;
}

span {
  font-style: italic;
}
img {
  height: 20vh;
  width: auto;
  position: relative;
  right: 1vw;
  transition: 0.5s;
}

img:hover {
  height: 60vh;
}
.day {
  z-index: 100;
}

/* .May {
  background: #ffadd6;
}

.June {
  background: #edb528;
}
.July {
  background-color: #edb528;
}
.August {
  background-color: #edb528;
}
.September {
  background-color: #ff6f00;
}
.October {
  background-color: #ff6f00;
}
.November {
  background-color: #ff6f00;
}
.December {
  background-color: darkblue;
} */