@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --color-primary: #3a5a40;
  --color-secondary: #588157;
  --color-tertiary: #a3b18a;

  --color-black: #000;
  --color-dark: #232323;
  --color-light: #e1e1e1;
  --color-white: #fff;

  --font-primary: "Poppins", sans serif;
  --font-secondary: "Raleway", sans serif;

  --gradient-background: linear-gradient(
    135deg,
    #344e41,
    #3a5a40,
    #588157,
    #a3b18a,
    #dad7cd
  );
  --gradient-img: linear-gradient(
    to right,
    #dad7cd,
    #a3b18a,
    #588157,
    #3a5a40,
    #344e41
  );
  --gradient-section: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.04) 10%,
    rgba(0, 0, 0, 0.03) 20%,
    rgba(0, 0, 0, 0.02) 30%,
    rgba(0, 0, 0, 0.01) 40%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.02) 70%,
    rgba(0, 0, 0, 0.03) 80%,
    rgba(0, 0, 0, 0.04) 90%,
    rgba(0, 0, 0, 0.05) 100%
  );
}