body {
  background-color: #eeeee4;
  cursor: url(''), auto;
}

.bg-img {
  background-image: url('');
  background-size: 15%;
}

.top-banner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: white;
}

.banner {
  width: fit-content;
  background-color: grey;
  margin: auto;
}

.banner-title {
  text-align: center;
}

.title, .title:visited, .title:hover, .title:active {
  text-align: center;
  font-size: 10vw;
  font-weight: bold;
  font-family: "Parisienne", cursive;
  text-decoration: none;
  color: #c79107;
}

.navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.left-nav {
  display: flex;
  flex-direction: row;
  padding: 0.3vw;
}

.right-nav {
  display: flex;
  flex-direction: row;
  padding: 0.3vw;
}

.click-nav, .click-nav:visited {
  margin: 0.3vw;
  font-size: 1.5vw;
  font-weight: bold;
  font-family: "Roboto Mono";
  text-decoration: none;
  color:#3a3a3a;
  transition: color 0.3s;
}

.click-nav:hover {
  color: #c79107;
}

.click-nav:active {
  color:#3a3a3a;
}

.art {
}

.art-left {
}

.splash-art {
}