.home {
  background-image: url("../assets/author.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.homeContainer {
  padding-bottom: 100px;
}

.homeContent {
  margin-top: 17vw;
}

.hello {
  font-size: clamp(0.7rem, 2vw, 1rem);
  margin-left: -0.5vw;
}

.ahmad::before {
  content: "Ahmad";
  position: absolute;
  color: var(--selectedColor);
  z-index: -1;
  opacity: 0.3;
  font-size: 10vw;
  left: -40px;
  width: 30rem;
  letter-spacing: 18px;
}

.homeContent h1 {
  line-height: 5.5vw;
}

.creatorContent {
  margin-left: 9vw;
}

.homeDivider1,
.homeDivider2,
.homeDivider3 {
  border: 1px solid var(--white);
  width: 8vw;
  opacity: 0;
  animation: blinkDivider 6s infinite;
}

.homeDivider1 {
  animation-delay: 0s;
}

.homeDivider2 {
  animation-delay: 2s;
}

.homeDivider3 {
  animation-delay: 4s; /* 6 seconds delay for the third element */
}

@keyframes blinkDivider {
  0%,
  33.33% {
    opacity: 0;
  }
  33.34%,
  66.66% {
    opacity: 1;
  }
  66.67%,
  100% {
    opacity: 0;
  }
}

.creator span {
  line-height: 2vw;
  font-size: clamp(0.6rem, 2vw, 1rem);
}

.Mushtaq {
  margin-left: 3vw;
}

.homeButton {
  margin-top: 8vw;
  background: var(--buttonColor);
  align-items: center;
  justify-content: center;
  text-align: center;
}

.homeBtn {
  background: none;
  border: none;
  color: var(--white);
  padding: 1.1vw 4vw;
  font-size: clamp(0.7rem, 2vw, 0.9rem);
  font-weight: bold;
}

.social-icons {
  margin-left: 2vw;
}

.social-icons > :nth-child(2),
.social-icons > :nth-child(3),
.social-icons > :nth-child(4) {
  padding-left: 1vw;
}

.social-icons > * {
  cursor: pointer;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}