body {
  background-image: url('assets/bg-main.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: Arial, Helvetica, sans-serif;
}

.bgblur {
  background-color: #000000b5;
  backdrop-filter: blur(4px);
}

.yellow-box-shadow {
  box-shadow: 0 0 8px 2px #ffdb00;
}

.yellow-bg-gradient {
  background: rgb(232, 101, 6);
  background: linear-gradient(
    72deg,
    rgba(232, 101, 6, 1) 0%,
    rgba(255, 161, 27, 1) 28%,
    rgba(255, 235, 0, 1) 52%,
    rgba(255, 161, 27, 1) 73%,
    rgba(232, 101, 6, 1) 100%
  );
  background-size: 150% 150%;
  animation: gradientAnimation 3s ease infinite;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.blinkBorder {
  animation: blinkBorder 0.5s infinite;
}

@keyframes blinkBorder {
  0% {
    border: 2.5px solid #fff;
  }
  100% {
    border: 2.5px solid #ffbf00;
  }
}

.content a {
  color: rgb(250 202 21);
}

.content h1,
.content h2,
.content h3,
.content p {
  margin-bottom: 1rem;
}

.content h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  color: rgb(250 202 21);
}
.content h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: bold;
  color: rgb(250 202 21);
}
.content p {
  font-size: 1.25rem;
  line-height: 2rem;
}

.content strong {
  color: #01bbc7;
}