body {
  font-family: "Jura", sans-serif;
}

.custo_bg_primary {
  background-color: #2c3e50;
}

.custo_bg_orange {
  background-color: #ff8000;
}

nav a {
  color: white !important;
  font-size: 16px;
}

nav a:hover {
  color: #ff8000 !important;
}

.custo_bg_primary_degrade {
  background: linear-gradient(#88bcf0, white);
}

.titre_bleu {
  color: #2c3e50;
}

.titre_orange {
  color: #ff8000;
}

.colorOrange {
  border: #ff8000 !important;
}

html {
  scroll-behavior: smooth;
}

.navbar-brand {
  animation-name: brand;
  animation-duration: 2s;
  position: relative;
}
/* Animations */

@keyframes brand {
  0% {
    left: -1000px;
  }
  100% {
    left: 0px;
  }
}

.navbar-nav {
  animation-name: lienMenu;
  animation-duration: 2s;
  position: relative;
}

@keyframes lienMenu {
  0% {
    left: 1000px;
  }
  100% {
    left: 0px;
  }
}

.monCV {
  animation-name: saut;
  animation-duration: 0.5s;
  position: relative;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes saut {
  0% {
    transition: all 200ms ease-in;
    transform: scale(0.8);
  }
  100% {
    transition: all 200ms ease-in;
    transform: scale(0.9);
  }
}

/* captcha */

pre {
  border: solid 1px #bbb;
  padding: 10px;
  margin: 2em;
}

img {
  border: solid 1px #ccc;
  margin: 0 2em;
}

.carousel-content_1 {
  position: absolute;
  border-radius: 30px;
  top: 40%;
  left: 55%;
  padding: 20px;
  margin: 3px;
  z-index: 20;
  color: rgb(19, 18, 18);
  text-shadow: 0 1px 2px #eb2f06;
  height: 150px;
  width: 550px;
  background-color: rgb(211, 209, 209);
}

.carousel-content_2 {
  position: absolute;
  border-radius: 30px;
  top: 56%;
  left: 57%;
  padding: 20px;
  margin: 10px;
  z-index: 20;
  color: rgb(19, 18, 18);
  text-shadow: 0 1px 2px #eb2f06;
  height: 110px;
  width: 490px;
  background-color: white;
}

.carousel-content_3 {
  position: absolute;
  border-radius: 30px;
  padding: 20px;
  margin: 10px;
  top: 47%;
  left: 55%;
  z-index: 20;
  color: rgb(19, 18, 18);
  text-shadow: 0 1px 2px #eb2f06;
  height: 130px;
  width: 570px;
  background-color: rgb(211, 209, 209);
}

.carousel-content_4 {
  position: absolute;
  border-radius: 30px;
  top: 40%;
  left: 63%;
  padding: 20px;
  margin: 10px;
  z-index: 20;
  color: rgb(19, 18, 18);
  text-shadow: 0 1px 2px #eb2f06;
  height: 180px;
  width: 580px;
  background-color: white;
}

.titre-presentation {
  font-weight: bold;
  font-size: 1.8rem;
  color: #2c3e50;
  font-family: "Yusei Magic", sans-serif;
}
.presentation {
  font-family: "Yusei Magic", sans-serif;
  font-size: 1.5rem;
  color: #2c3e50;
}

.titre-competence {
  font-size: 1.3rem;
  color: #2c3e50;
  text-align: left;
  font-weight: bold !important;
  font-family: "Yusei Magic", sans-serif;
}

.titre-competence-developpement{
  font-size: 1.1rem;
  color: #2c3e50;
  text-align: left;
  font-weight: bold !important;
  font-family: "Yusei Magic", sans-serif;
}
.titre-competence-agl{
  font-size: 1rem;
  color: #2c3e50;
  text-align: left;
  font-weight: bold !important;
  font-family: "Yusei Magic", sans-serif;
}

.content-competence{

  text-align: left;
  font-size: 1rem;
  color: #2c3e50;
  font-family: "Yusei Magic", sans-serif;
}