@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
* {
  scroll-behavior: smooth;
}
.custom-clip-path {
  clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 89.41%,
    2% 89.39%,
    4% 89.33%,
    6% 89.23%,
    8% 89.09%,
    10% 88.93%,
    12% 88.74%,
    14% 88.53%,
    16% 88.31%,
    18% 88.09%,
    20% 87.87%,
    22% 87.67%,
    24% 87.49%,
    26% 87.33%,
    28% 87.2%,
    30% 87.12%,
    32% 87.07%,
    34% 87.06%,
    36% 87.1%,
    38% 87.17%,
    40% 87.28%,
    42% 87.43%,
    44% 87.6%,
    46% 87.8%,
    48% 88.01%,
    50% 88.24%,
    52% 88.46%,
    54% 88.67%,
    56% 88.87%,
    58% 89.04%,
    60% 89.19%,
    62% 89.3%,
    64% 89.37%,
    66% 89.41%,
    68% 89.4%,
    70% 89.35%,
    72% 89.27%,
    74% 89.14%,
    76% 88.99%,
    78% 88.8%,
    80% 88.6%,
    82% 88.38%,
    84% 88.16%,
    86% 87.94%,
    88% 87.73%,
    90% 87.54%,
    92% 87.38%,
    94% 87.24%,
    96% 87.14%,
    98% 87.08%,
    100% 87.06%
  );
  filter: opacity(0.5);
}

.footer-clip-path {
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 6.67%,
    2% 6.65%,
    4% 6.59%,
    6% 6.49%,
    8% 6.37%,
    10% 6.21%,
    12% 6.03%,
    14% 5.83%,
    16% 5.63%,
    18% 5.42%,
    20% 5.21%,
    22% 5.02%,
    24% 4.85%,
    26% 4.7%,
    28% 4.58%,
    30% 4.5%,
    32% 4.45%,
    34% 4.45%,
    36% 4.48%,
    38% 4.55%,
    40% 4.66%,
    42% 4.79%,
    44% 4.96%,
    46% 5.15%,
    48% 5.35%,
    50% 5.56%,
    52% 5.76%,
    54% 5.96%,
    56% 6.15%,
    58% 6.32%,
    60% 6.45%,
    62% 6.56%,
    64% 6.63%,
    66% 6.66%,
    68% 6.66%,
    70% 6.61%,
    72% 6.53%,
    74% 6.41%,
    76% 6.26%,
    78% 6.09%,
    80% 5.9%,
    82% 5.69%,
    84% 5.49%,
    86% 5.28%,
    88% 5.08%,
    90% 4.9%,
    92% 4.75%,
    94% 4.62%,
    96% 4.52%,
    98% 4.46%,
    100% 4.44%
  );
}

@media (min-width: 768px) {
  .custom-clip-path {
    clip-path: polygon(
      100% 0%,
      0% 0%,
      0% 91.76%,
      2% 91.7%,
      4% 91.52%,
      6% 91.22%,
      8% 90.81%,
      10% 90.31%,
      12% 89.74%,
      14% 89.11%,
      16% 88.46%,
      18% 87.79%,
      20% 87.14%,
      22% 86.53%,
      24% 85.99%,
      26% 85.52%,
      28% 85.14%,
      30% 84.88%,
      32% 84.73%,
      34% 84.71%,
      36% 84.82%,
      38% 85.04%,
      40% 85.38%,
      42% 85.82%,
      44% 86.34%,
      46% 86.94%,
      48% 87.57%,
      50% 88.24%,
      52% 88.9%,
      54% 89.53%,
      56% 90.13%,
      58% 90.65%,
      60% 91.09%,
      62% 91.43%,
      64% 91.65%,
      66% 91.76%,
      68% 91.74%,
      70% 91.59%,
      72% 91.33%,
      74% 90.95%,
      76% 90.49%,
      78% 89.94%,
      80% 89.33%,
      82% 88.68%,
      84% 88.01%,
      86% 87.36%,
      88% 86.73%,
      90% 86.16%,
      92% 85.66%,
      94% 85.26%,
      96% 84.95%,
      98% 84.77%,
      100% 84.71%
    );
  }
  .footer-clip-path {
    clip-path: polygon(
      100% 100%,
      0% 100%,
      0% 8.89%,
      2% 8.83%,
      4% 8.65%,
      6% 8.37%,
      8% 7.99%,
      10% 7.51%,
      12% 6.97%,
      14% 6.38%,
      16% 5.76%,
      18% 5.14%,
      20% 4.53%,
      22% 3.95%,
      24% 3.43%,
      26% 2.99%,
      28% 2.63%,
      30% 2.39%,
      32% 2.25%,
      34% 2.23%,
      36% 2.33%,
      38% 2.54%,
      40% 2.86%,
      42% 3.27%,
      44% 3.77%,
      46% 4.33%,
      48% 4.93%,
      50% 5.56%,
      52% 6.18%,
      54% 6.78%,
      56% 7.34%,
      58% 7.84%,
      60% 8.25%,
      62% 8.57%,
      64% 8.78%,
      66% 8.88%,
      68% 8.86%,
      70% 8.73%,
      72% 8.48%,
      74% 8.12%,
      76% 7.68%,
      78% 7.16%,
      80% 6.59%,
      82% 5.97%,
      84% 5.35%,
      86% 4.73%,
      88% 4.14%,
      90% 3.6%,
      92% 3.13%,
      94% 2.74%,
      96% 2.46%,
      98% 2.28%,
      100% 2.22%
    );
  }
}