@import url(./base.css);

.index-container {
  display: flex;
}

.index-logo {
  position: absolute;
  height: 76vh;
  margin: 12vh 0;
  left: 37.5%;
  width: auto;
}

.index-section {
  flex: 1;

  display: flex;
  justify-content: center;
  align-items: center;

  height: 100vh;

  color: var(--text-color);
  background-color: var(--element-bg-color);

  transition: all 300ms ease;
}

.index-section a {
  color: var(--text-color);
  text-decoration: none;
  font-size: var(--fs-md);
}

.index-section:hover a {
  color: var(--element-text-color);
}

.index-section:first-child:hover {
  background-color: var(--red);
}

.index-section:last-child:hover {
  background-color: var(--blue);
}