html {
  scroll-behavior: smooth;
}

body header {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 99;
}
body header nav {
  display: flex;
  background-color: #333b50;
  justify-content: space-around;
  align-items: center;
}
body header nav p {
  color: #8993a1;
  font-size: 20px;
  font-family: "djr_regular";
}
body header nav p:hover {
  cursor: pointer;
  transition-duration: 0.5s;
  color: #2965FF;
}
body section {
  max-width: 1400px;
  margin: auto;
  background-color: #333b50;
  color: white;
}
body section .name {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../assets/wallpaper.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body section .name h1 {
  letter-spacing: 10px;
  font-family: djr_extra_bold;
  font-size: 80px;
  color: #2965FF;
}
body section .name h2 {
  font-family: djr_regular;
  letter-spacing: 5px;
  font-size: 40px;
}
body section .profil {
  text-align: center;
}
body section .profil h1 {
  font-family: djr_bold;
  font-size: 30px;
}
body section .profil p {
  font-family: djr_regular;
  font-size: 30px;
}
body section .cv {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body section .cv h1 {
  font-family: djr_bold;
  font-size: 30px;
}
body section .cv .download {
  width: 50%;
  background-color: #8993a1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
body section .experiences {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body section .experiences h1 {
  font-size: 30px;
  font-family: djr_regular;
}
body section .experiences .timeline {
  background-color: #333B50;
  margin: auto;
  max-width: 1400px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
body section .experiences .timeline .points .timelinecontent {
  position: relative;
  left: 100px;
  top: 50px;
  background-color: #8993A1;
  padding: 0 10px;
  border-radius: 10px;
}
body section .experiences .timeline .points .timepoint {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  width: 46px;
  border-radius: 50px;
  background-color: #2965FF;
  position: relative;
}
body section .experiences .timeline .points .insidepoint {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background-color: #2965FF;
}
body section .experiences .timeline .points .insidewhitepoint {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  background-color: #333B50;
}
body section .experiences .timeline .points .object {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body section .experiences .timeline .points .object::after {
  content: "";
  display: block;
  width: 10px;
  height: 100px;
  background-color: #2965FF;
}
body section .experiences .timeline .right-text {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body section .experiences .timeline .right-text p {
  background-color: #8993A1;
  padding: 5px 10px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  color: black;
  font-family: "djr_regular";
  top: 10px;
  margin-bottom: 82px;
}
body section .experiences .timeline .right-text p a {
  text-decoration: none;
  color: black;
  font-family: "djr_regular";
}
body section .experiences .timeline .right-text .hidden {
  color: #333B50;
  margin-bottom: 95px;
  background-color: #333B50;
}
body section .experiences .timeline .right-text .hidden a {
  color: #2965FF;
}
body section .experiences .timeline .left-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
body section .experiences .timeline .left-text p {
  margin-right: 20px;
  background-color: #8993A1;
  padding: 5px 10px;
  color: black;
  font-family: "djr_regular";
  border-radius: 10px;
  text-align: center;
  position: relative;
  top: 10px;
  margin-bottom: 97px;
}
body section .experiences .timeline .left-text p a {
  text-decoration: none;
  color: black;
  font-family: "djr_regular";
}
body section .experiences .timeline .left-text .hidden {
  color: #333B50;
  background-color: #333B50;
}
body section .experiences .timeline .left-text .hidden a {
  color: #2965FF;
}
body section .contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body section .contact h1 {
  font-family: djr_bold;
  font-size: 30px;
}
body section .contact .coordonnees {
  background-color: #8993a1;
  border-radius: 10px;
  width: 50%;
}
body section .contact .coordonnees .phone {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
body section .contact .coordonnees .phone p {
  font-family: djr_bold;
  font-size: 25px;
}
body section .contact .coordonnees .linkedin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
body section .contact .coordonnees .linkedin p {
  font-family: djr_bold;
  font-size: 25px;
}
body section .contact .coordonnees .mail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
body section .contact .coordonnees .mail p {
  font-family: djr_bold;
  font-size: 25px;
}
body section .articles {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
body section .articles h1 {
  font-size: 30px;
  font-family: djr_bold;
}
body section .articles p {
  font-size: 30px;
  font-family: djr_regular;
  text-align: center;
}
body section .articles .sommaire {
  width: 15%;
  background-color: #8993a1;
  border-radius: 50px;
}
body section .articles .sommaire a {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
body section .articles .sommaire p {
  font-size: 20px;
}

body section {
  min-height: 100vh;
}
body section .liste-articles {
  text-align: center;
  background-color: #333b50;
}
body section .liste-articles h1 {
  font-family: djr_extra_bold;
  font-size: 30px;
}
body section .liste-articles p {
  font-family: djr_regular;
  font-size: 30px;
}
body section .liste-articles .chapitre a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 10px;
  background-color: #8993a1;
  width: 25%;
  margin: auto;
}
body section .liste-articles .home a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 10px;
  background-color: #8993a1;
  width: 25%;
  margin: auto;
}

body section .chapter-content {
  text-align: center;
}
body section .chapter-content h1 {
  font-family: djr_bold;
  font-size: 30px;
}
body section .chapter-content p {
  font-family: djr_regular;
  font-size: 27px;
}
body section .chapter-content .swiper-horizontal {
  border-radius: 10px;
  width: 75%;
  padding: 0 20px;
  background-color: #8993a1;
}
body section .chapter-content .swiper-horizontal .swiper-slide {
  width: 100%;
  text-align: center;
  background: #8993a1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
body section .chapter-content .swiper-horizontal .swiper-slide img {
  width: 90%;
  object-fit: cover;
  border-radius: 10px;
}
body section .chapter-content .swiper-horizontal .swiper-button-next {
  color: #333b50;
}
body section .chapter-content .swiper-horizontal .swiper-button-prev {
  color: #333b50;
}
body section .chapter-content .swiper-horizontal .swiper-pagination-bullet {
  background-color: #333b50;
}
body section .chapter-content .redirect {
  margin: auto;
  width: 50%;
  border-radius: 10px;
  background-color: #8993a1;
}
body section .chapter-content .redirect a {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-family: djr_regular;
  font-size: 30px;
}
body section .chapter-content .change-chapter {
  display: flex;
  justify-content: center;
  align-items: center;
}
body section .chapter-content .change-chapter .first-last-chapter {
  margin: auto;
  width: 25%;
  border-radius: 10px;
  height: 55px;
  background-color: #5F6670;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: djr_regular;
}
body section .chapter-content .change-chapter .first-last-chapter p {
  font-size: 20px;
  margin-left: 10px;
  color: #5F6670;
}
body section .chapter-content .change-chapter .first-last-chapter:hover {
  cursor: not-allowed;
}
body section .chapter-content .change-chapter .previous-next-chapter {
  margin: auto;
  width: 25%;
  border-radius: 10px;
  background-color: #8993a1;
  height: 55px;
}
body section .chapter-content .change-chapter .previous-next-chapter a {
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: left;
  font-family: djr_regular;
}
body section .chapter-content .change-chapter .previous-next-chapter a i {
  margin-left: 10px;
}
body section .chapter-content .change-chapter .previous-next-chapter a p {
  font-size: 20px;
  margin-left: 40px;
}

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