:root {
  --gray-100: rgba(242, 244, 247, 1);
  --basewhite: rgba(255, 255, 255, 1);
  --gray-25: rgba(252, 252, 253, 1);
  --primary-300: rgba(38, 69, 245, 1);
  --gray-900: rgba(16, 24, 40, 1);
  --text-sm-semibold-font-family: "Inter-SemiBold", Helvetica;
  --text-sm-semibold-font-weight: 600;
  --text-sm-semibold-font-size: 14px;
  --text-sm-semibold-letter-spacing: 0px;
  --text-sm-semibold-line-height: 20px;
  --text-sm-semibold-font-style: normal;
  --text-sm-regular-font-family: "Inter-Regular", Helvetica;
  --text-sm-regular-font-weight: 400;
  --text-sm-regular-font-size: 14px;
  --text-sm-regular-letter-spacing: 0px;
  --text-sm-regular-line-height: 20px;
  --text-sm-regular-font-style: normal;
  --text-md-regular-font-family: "Inter-Regular", Helvetica;
  --text-md-regular-font-weight: 400;
  --text-md-regular-font-size: 16px;
  --text-md-regular-letter-spacing: 0px;
  --text-md-regular-line-height: 24px;
  --text-md-regular-font-style: normal;
  --text-lg-bold-font-family: "Inter-Bold", Helvetica;
  --text-lg-bold-font-weight: 700;
  --text-lg-bold-font-size: 18px;
  --text-lg-bold-letter-spacing: 0px;
  --text-lg-bold-line-height: 28px;
  --text-lg-bold-font-style: normal;
  --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.home-compass {
}

.home-compass .title {
  margin-top: -1px;
  font-family: "Kadwa", Helvetica;
  font-weight: 400;
  color: var(--gray-900);
  font-size: 42px;
  letter-spacing: 0;
  line-height: normal;
}

.home-compass .by {
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  color: #000000;
  font-size: var(--text-sm-regular-font-size);
  letter-spacing: var(--text-sm-regular-letter-spacing);
  line-height: var(--text-sm-regular-line-height);
  white-space: nowrap;
  font-style: var(--text-sm-regular-font-style);
}

.home-compass .logo {
  width: 65px;
  height: 20px;
}

.home-compass .description {
  width: 1138px;
}