body {
  background-color: #FCFCFC;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

.container {
  text-align: center;
}

h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 55px;
  color: black;
  margin-bottom: 30px;
}

.tags {
  text-align: center;
  margin-top: 20px; /* Adjust margin-top as needed */
}

.tag {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0 5px; /* Adjust margin as needed */
  padding: 8px 15px;
  border-radius: 30px;
  color: black;
  /* Default tag color */
  background-color: white;
  /* Adding transition for smooth tilt effect */
  transition: transform 0.3s ease-in-out;
  display: inline-block; /* Display inline-block to keep them in one line */
}

/* Specific tag colors */
.tag.age {
  background-color: #BBE0B6;
}

.tag.location {
  background-color: #FFA87D;
}

.tag.job {
  background-color: #86BCF2;
}

/* Tilt effect on hover */
.tag:hover {
  transform: rotate(5deg);
}