/* =====================================
   PAGINE LEGALI
===================================== */

.legal-page {
  background: #050505;

  color: white;

  min-height: 100vh;
}

/* ============================= */

.legal-container {
  width: min(1000px, 95%);

  margin: 40px auto 80px;

  text-align: center;
}

/* ============================= */

.legal-logo {
  width: 120px;

  display: block;

  margin: 0 auto 20px;

  filter: drop-shadow(0 0 20px rgba(212, 175, 55, 0.35));
}

/* ============================= */

.legal-title {
  color: #d4af37;

  font-size: 2.5rem;

  letter-spacing: 2px;

  margin-bottom: 20px;

  text-shadow: 0 0 18px rgba(212, 175, 55, 0.25);
}

/* ============================= */

.legal-divider {
  width: 180px;

  height: 2px;

  margin: 0 auto 40px;

  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

/* ============================= */

.legal-card {
  position: relative;

  width: min(900px, 95%);

  height: 1400px;

  margin: 0 auto;

  background: url("../images/legal_background.png") center top / contain
    no-repeat;
}

/* ============================= */

.legal-paper {
  position: absolute;

  top: 150px;

  left: 90px;

  right: 90px;

  bottom: 600px;

  overflow-y: auto;

  padding: 20px 18px 40px 20px;
  padding-right: 18px;
  padding-bottom: 80px;

  color: rgb(252, 198, 3);

  font-size: 16px;

  line-height: 1.9;

  text-align: left;
}

/* Scrollbar */

.legal-paper::-webkit-scrollbar {
  width: 5px;
}

.legal-paper::-webkit-scrollbar-track {
  background: #111;

  border-radius: 20px;
}

.legal-paper::-webkit-scrollbar-thumb {
  background: #d4af37;

  border-radius: 20px;
}

/* ============================= */

.legal-paper h2 {
  color: #d4af37;

  margin-top: 35px;

  margin-bottom: 15px;

  font-size: 1.35rem;

  border-left:none;

  padding-left: 15px;
}

.legal-paper p {
  margin-bottom: 18px;
}

/* ============================= */

.back-home {
  position: fixed;

  top: 25px;

  left: 25px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 999;
}

.back-icon {
  width: 28px;

  height: 28px;

  transition: 0.25s;
}

.back-icon:hover {
  transform: scale(1.08);

  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.5));
}