@import url("https://fonts.googleapis.com/css2?family=Shizuru");

.container {
  display: flex; /* activeert flexbox */
  height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contentWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.titleCard {
  display: flex;              /* activeert flexbox */
  flex-direction: column;     /* items onder elkaar */
  justify-content: center;    /* verticaal centreren */
  align-items: center;        /* horizontaal centreren */
  
  border: 5px #966B9D inset;
  padding: 20px;
  background-color: #918450;
  color: #FFF4EC;
  margin: auto;
  width: 50%;
  text-align: center;
  border-radius: 30px;
  height: 50%;
}

/*style the divider in the title card */
.titleCard hr {
  width: 50%;
  margin: auto;
  color: #FFF4EC;
}
  
.menu {
  display: inline-flex;
  list-style: none;
  padding: 5px 10px 5px 10px;
  border: 2px #966B9D solid;
  margin: 2px 5px 2px 5px;
  background-color: #E7CFBC;
  border-radius: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.menu a {
  text-decoration: none;
  color: #966B9D;
}
  
  
h1 {
  font-family: "Shizuru";
  font-size: 7vh;
  line-height: 10vh;
  color: #f5ffe8;
}

body {
  background-image: url("/Sprite-0003.png");
  background-repeat: repeat;
  font-family: Times;
}