@charset "UTF-8";

:root {
  --div-height: 10vh; 
  
 
}
footer {
  background-color: #343a40;
  color: #fff;
  padding: .9rem 0;
}

.social-icons a {
  font-size: 1.25rem;
}
.gradient-background {
  background: linear-gradient(69deg,#d31de9,#f71bce,#6742ae,#af81a3,#9332e2);
  background-size: 300% 300%;
  animation: gradient-animation 25s ease infinite;
}

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

.parallax {
  /* The image used */
    background-image: var(--hello);
  /* Set a specific height */
  min-height: 500px;
  
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gradient-background2 {
  background: linear-gradient(69deg,#BC0ACC,#272D96,#2B002B);
  background-size: 300% 300%;
  animation: gradient-animation 25s ease infinite;
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes gradient-background2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.gradient-background-no-2 {
  background: linear-gradient(69deg,#BC0ACC,#272D96,#2B002B);
  background-size: 300% 300%;
  animation: gradient-background-no-2 25s ease infinite;

}

@keyframes gradient-background-no-2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}