.scroll-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: hidden;
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
}

.scroll-track > [class*="col-"] {
  flex-shrink: 0 !important;
}

.carousel-fade {
  -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.proj-p {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.navbar.navbar-scrolled {
  border-radius: 0px 0px 1em 1em!important;
  border-top: none;
}

.trait {
  height: 0.05em;
  width: 100%;
  background-color: var(--bs-secondary-color);
}

@media (min-width: 992px) {
  .col-exp-2 {
    flex-direction: column-reverse!important;
  }
}

h4 {
  font-size: 1.1rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
}

span {
  font-family: 'Manrope';
}

.col-exp {
  border-radius: 5px;
  /*background-color: #301d24;*/
  /*padding: 1rem;*/
}

section {
  scroll-margin-top: 100px;
}

.link-footer {
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  color: rgba(255, 255, 255, 0.55);
}

.link-footer:hover {
  color: rgba(255, 255, 255, 1);
}

.lien-icone {
  transition: opacity 0.3s ease;
  color: black!important;
  text-decoration: none;
  background: var(--bs-secondary)!important;
}

@media (min-width: 992px) {
  body {
    padding-top: 20px!important;
  }
}

@media (min-width: 576px) {
  body {
  }
}

@media (min-width: 992px) {
  .navbar {
    border-radius: 1em!important;
  }
}

body {
  position: relative;
  margin: 0;
}