@font-face {
  font-family: "centary";
  src: url(../fonts/GOTHIC.TTF);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* *::selection {
} */
:root {
  --background: rgba(202, 56, 185, 0.141);
  --title: #680c87;
  --read: #178974;
}
/* ul,
li {
}
a {
} */
body,
html {
  font-size: 15px;
  line-height: 25px;
}

body {
  margin: 0;
  min-height: 100vh;
  /* المان‌های اینجا تار نمی‌شوند چون از before استفاده می‌کنیم */
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(194, 56, 248, 0.218),
      transparent 45%
    ),
    radial-gradient(
      circle at 85% 75%,
      rgba(35, 199, 52, 0.54),
      transparent 45%
    ),
    radial-gradient(
      circle at 50% 10%,
      rgba(14, 165, 233, 0.25),
      transparent 40%
    ),
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    url("../images/background/Henagamconsulting2.png") center center / cover
      no-repeat;

  background-size:
    auto,
    auto,
    auto,
    80px 80px,
    80px 80px,
    cover;

  background-position:
    center,
    center,
    center,
    0 0,
    0 0,
    center;

  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat;

  background-attachment: fixed;

  filter: grayscale(30%);
  filter: blur(0.75px);
  z-index: -1; /* این باعث می‌شود پشت همه چیز قرار بگیرد */
}

/* نورهای مدرن برای جذابیت */
/* body::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(
      circle at 25% 30%,
      rgba(0, 150, 255, 0.25),
      transparent 60%
    ),
    radial-gradient(circle at 75% 70%, rgba(0, 120, 255, 0.2), transparent 60%);
  animation: lightMove 12s ease-in-out infinite alternate;
  pointer-events: none;
} */
/* 
@keyframes lightMove {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(30px, -30px);
  }
} */

/* button,
textarea,
input {
}
h1,
h2,
h3,
h4,
h5,
h6 {
} */
.text {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 5%;
  background-color: var(--background);
  border-radius: 26px;
}
.Certificate > .text > i {
  line-height: 35px;
  font-size: 14px;
}