.bg-dark, .intro, .container, .container-fluid {
  background-color: #171717 !important;
  color: #ffffff;
}

.hidden {
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100%);
  transition: all 1s;
}

.show {
  opacity: 1;
  filter: blur(0px);
  transform: translateX(0);
}

.border-skills:nth-child(1) {
  transition-delay: 200ms;
}

.border-skills:nth-child(2) {
  transition-delay: 400ms;
}

.border-skills:nth-child(3) {
  transition-delay: 600ms;
}

.intro .introtitle {
  font-size: 12rem;
}
.intro .pftitle {
  font-size: 12rem;
}
.intro .caption {
  font-size: 6rem;
}

.MBtitle {
  opacity: 0;
}

.pfcontent {
  background-color: #ffffff;
  color: #171717;
  border-radius: 0.5rem;
  margin-left: -1rem;
}

.pcaption {
  text-decoration: none;
  color: #ffffff;
}

#APropos {
  border: solid 1px #ffffff;
  margin: 4.5rem;
  padding: 5rem 5rem;
}
#APropos .title {
  font-size: 4rem;
  background-color: #ffffff;
  color: #171717;
  border-radius: 0.2rem;
}

.border-skills {
  border: solid 1px #ffffff;
  padding: 4rem;
}

.attribut {
  background-color: #ffffff;
  color: #171717;
  border-radius: 0.2rem;
}

#Contact {
  background-color: #171717;
  padding: 5rem 5rem;
  color: #ffffff;
}

.border {
  border: solid 1px #ffffff;
  margin: 4.5rem;
}

footer {
  background-color: #171717;
  color: #ffffff;
  padding: 3rem 0;
}

@media (max-width: 767px) {
  .intro .introtitle {
    font-size: 4rem;
  }
  .intro .pftitle {
    font-size: 4rem;
  }
  .border-skills {
    padding: 0;
    margin-bottom: 0.5rem;
  }
  #APropos {
    margin: 1rem;
    padding: 1rem 1rem;
  }
  .border {
    margin: 1rem;
  }
  .pfcontent {
    margin-left: 0;
  }
  .MBtitle {
    opacity: 1;
    background-color: #ffffff;
    color: #171717;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .intro .introtitle {
    font-size: 8rem;
  }
  .intro .pftitle {
    font-size: 8rem;
  }
  .pfcontent {
    margin-left: 0;
  }
}

/*# sourceMappingURL=main.css.map */