.dark-theme {
  background-color: #060505;
  transition: all 0.5s ease-out;
  position: relative;
  color: white;
}
.dark-theme .dark-circle {
  transform: scale(1);
}
.dark-theme #p1,
#last {
  color: #cac5c5;
}
.dark-theme .about-section::-webkit-scrollbar-track {
  background-color: rgb(53, 52, 52);
}
.toogle-color {
  background-color: rgb(43, 43, 43);
  border: none;
  border: 1px solid rgb(163, 160, 160);
}
.toogle-color .dot {
  display: block;
}
.circle-color {
  background-color: rgb(230, 17, 17);
}
/* dark mode */
.dark-mini-circle {
  border: 2px solid white;
  /* Change to the desired color for dark mode */
  animation: dark 0.9s ease-in infinite alternate;
}

@keyframes dark {
  0% {
    box-shadow: 0 0 5px rgb(67, 67, 64), 0 0 10px rgb(49, 49, 45),
      0 0 15px rgb(67, 67, 63);
  }
  100% {
    box-shadow: 0 0 15px rgb(19, 19, 15), 0 0 20px rgb(51, 51, 47),
      0 0 30px rgb(36, 36, 29);
  }
}
.herosection-dark {
  background: radial-gradient(
    circle,
    rgba(36, 36, 36, 0.5),
    rgba(0, 0, 0, 0.2)
  );
}

.box-dark {
  background: linear-gradient(167deg, #000 21%, #273a3a);
}

.box-dark p {
  color: #eeeeee;
}
.about-dark a {
  color: white; /* Set text color to white */
}
.about-dark span {
  color: white; /* Set text color to white */
}
.gallary-dark {
  background-color: black;
  color: wheat;
}
.gallary-dark .description p {
  color: rgb(212, 211, 211);
}
.gallary-dark .description li {
  color: rgb(224, 224, 224);
}
.gallary-dark .description #prize {
  color: white;
}
.contact-dark {
  background-color: black;
}

.contact-dark #contact-form input,
textarea {
  border-color: purple;
}
.contact-dark #message {
  border-color: purple;
}
.contact-dark textarea::-webkit-scrollbar {
  width: 2px;
  background-color: transparent;
}
.contact-dark #connect,
i {
  color: #eeeeee;
}
.contact-dark .icon i {
  color: #eeeeee;
}

.contact-dark .fa-solid {
  color: purple;
}
.contact-dark #contact-form button {
  background-color: purple;
  color: white;
}
.contact-dark .wrapper a .button {
  background-color: rgb(18, 19, 19);
}
.contact-dark .blog {
  background-color: purple;
  color: white;
}
.contact-dark .blog i {
  color: white;
}
.contact-dark .line {
  background-color: purple;
}
.contact-dark #last::after {
  background-color: purple;
}
.cover-dark {
  background: linear-gradient(167deg, #2b1931 21%, #273a3a);
  border-radius: 20px;
}
.cover-dark .row-items p {
  color: aliceblue;
}
.cover-dark .skillicon {
  background-color: #060505;
}