@charset "utf-8";
:root {
  --text-color: #24354c;
  --title-color: #50308f;
  --sub-color: #4c4472;
  --back-color: rgba(228, 228, 240, 0.95);
  --white-color: #fff;
  --brown-color: #8b714c;
  --purple-color: #58428c;
  --category-color: #936ad0;
  --text-sub-color: #243c3f;
  --bokasi-color: rgba(87, 66, 139, 0.16);
  --ff-jp: "Noto Sans JP", sans-serif;
  --ff-space: "Space Grotesk", sans-serif;
  --ff-bebas: "Bebas Neue", sans-serif;
}

body {
  color: var(--text-color);
  font-size: 15px !important;
  font-weight: 400;
  font-family: var(--ff-jp);
  background: #efeffa;
  position: relative;
}

a {
  transition: all 0.3s ease;
  color: inherit;
}

a:hover {
  color: inherit !important;
  opacity: 0.7;
  cursor: pointer;
  text-decoration: none !important;
}

a > p {
  transition: all 0.3s ease;
}

a > p:hover {
  opacity: 0.7;
}