/* =========================
   GOOGLE FONTS
========================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


/* =========================
   BODY
========================= */

body{
  font-family:'Poppins', sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.8;
  color:#bdbdbd;
  background:#0d0d0d;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
   overflow-x:hidden;
}


/* =========================
   HEADINGS
========================= */

/* =========================
   HEADINGS
========================= */

h1,
h2,
h3,
h4{
  font-family:'Playfair Display', serif;

  font-weight:700;

  line-height:1.15;

  letter-spacing:-0.5px;

  background:linear-gradient(
    180deg,
    #ffffff 0%,
    #f3e3b0 45%,
    #d4af37 100%
  );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  text-rendering:optimizeLegibility;
}


/* H1 */

h1{
  font-size:clamp(3rem,6vw,3.75rem);

  margin:0;
}


/* H2 */

h2{
  font-size:clamp(2.3rem,5vw,2.9rem);

  margin:0;
}


/* H3 */

h3{
  font-size:clamp(1.6rem,3vw,2.0rem);

  margin:0;
}
/* H4 */

h4{
  font-size:clamp(1.2rem,2vw,1.6rem);
   margin:0;
}


/* =========================
   PARAGRAPH
========================= */

p{
  margin:0 0 20px;
  font-size:16px;
  line-height:1.9;
  color:#bdbdbd;
}


/* =========================
   LINKS
========================= */

a{
  color:inherit;
  text-decoration:none;
  transition:0.3s ease;
}


/* Hover */

a:hover{
  color:#d4af37;
}


/* Paragraph Links */

p a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(212,175,55,0.4);
}


/* Paragraph Link Hover */

p a:hover{
  color:#d4af37;
  border-color:#d4af37;
}


/* =========================
   STRONG TEXT
========================= */

strong,
b{
  color:#ffffff;
  font-weight:600;
}


/* =========================
   LISTS
========================= */

ul,
ol{
  margin:0 0 20px;
  padding-left:20px;
}

li{
  margin-bottom:10px;
  color:#bdbdbd;
  line-height:1.8;
}


/* =========================
   TEXT SELECTION
========================= */

::selection{
  background:#d4af37;
  color:#000;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){

  body{
    font-size:15px;
  }

  p{
    font-size:15px;
    line-height:1.8;
  }

}