.wrapper {
  padding: 3rem 3rem 3rem 25rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.title {
  font-size: 5rem;
  font-weight: bold;
  color: #fefefe;
  text-shadow: 1px 1px 3px #666;
  line-height: 1;
}

.vars {
  display: flex;
  gap: 2rem;
}

.var {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.varnum {
  font-size: 3rem;
  font-weight: bold;
  color: #fd9f37;
  text-shadow: 1px 1px 1px #8f4d24;
  line-height: 1;
}

.name {
  font-size: 2rem;
  color: #162d39;
  background-color: #f9ffff;
  padding: 1rem 2rem;
  border-radius: 3rem;
  transition: all 0.3s ease-in-out;
}

.correct {
  background-color: gold;
  transition: all 0.3s ease-in-out;
}