@import url(common.css);

.empty {
  height: 80vh;
  display: grid;
  place-content: center;
  place-items: center;
}
.empty h1 {
  text-align: center;
  font-size: max(3vw, 2em);
}
.btn-area {
  display: flex;
  gap: max(3.3vw, 1em);
}
.btn-area a {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 2.6em auto 0;
  font: 500 max(1.8vw, 1.2rem) var(--weight-variable);
  padding-inline: 1.4em;
  height: 2.4em;
  border-radius: 1.6em;
  width: fit-content;
  color: #fff;
  background-color: var(--primary-c);
  transition: 0.4s;
}
a.home {
  background-color: #2399c1;
}
.btn-area a:hover {
  translate: -2px -3px;
  box-shadow: 5px 5px 10px -2px var(--secondary-c);
}
a.home:hover {
  box-shadow: 5px 5px 10px -2px #5cd6ff;
}
.btn-area span {
  font-size: max(2.4vw, 1.6rem);
}