/* UnixFabric Forgejo homepage styling */

.page-content.home {
  background: #111111 !important;
  color: #e5e5e5 !important;
  min-height: calc(100vh - 120px);
}

.page-content.home .tw-mx-auto {
  max-width: 1100px !important;
}

.page-content.home .logo {
  width: 140px !important;
  height: 140px !important;
  border-radius: 4px !important;
  box-shadow: 6px 6px 0 #080808 !important;
}

.page-content.home .hero {
  margin-top: 1.5rem !important;
}

.page-content.home .hero h1,
.page-content.home .hero .title {
  color: #dc2626 !important;
  font-family: Georgia, Cambria, "Times New Roman", serif !important;
  font-size: 3rem !important;
  letter-spacing: 0.04em !important;
}

.page-content.home .hero h2 {
  color: #d6d6d6 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

.page-content.home .hero p {
  color: #bdbdbd !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

.page-content.home .ui.button {
  background: #181818 !important;
  color: #f5f5f5 !important;
  border: 1px solid #2a2a2a !important;
  box-shadow: none !important;
}

.page-content.home .ui.button:hover {
  background: #1c1c1c !important;
  color: #dc2626 !important;
}

.page-content.home .ui.red.button {
  background: #7f1d1d !important;
  color: #ffffff !important;
  border: 1px solid #991b1b !important;
}

.page-content.home .ui.red.button:hover {
  background: #dc2626 !important;
  color: #ffffff !important;
}

.page-content.home .tw-mt-12 {
  border-top: 1px solid #2a2a2a !important;
  padding-top: 2rem !important;
}

/* Forgejo home panels below hero */

.page-content.home .stackable,
.page-content.home .ui.segment,
.page-content.home .ui.card,
.page-content.home .ui.repository.list {
  background: #161616 !important;
  border-color: #2a2a2a !important;
  color: #e5e5e5 !important;
}

.page-content.home a {
  color: #e5e5e5 !important;
}

.page-content.home a:hover {
  color: #dc2626 !important;
}

/* Top navbar light touch */

.navbar {
  border-bottom: 1px solid #2a2a2a !important;
}

.navbar a:hover {
  color: #dc2626 !important;
}