@font-face {
  font-family: "SofiaProBold";
  src: url("../ressources/fonts/SofiaProBold.ttf");
}

@font-face {
  font-family: "SofiaProLight";
  src: url("../ressources/fonts/SofiaProLight.ttf");
}


html {
  overflow-x:hidden;
}

body {
  overflow-x: hidden;
}

h4 {
  font-size: 130%;
  text-align: center;
}

p {
  font-family: SofiaProLight;
}

a {
  text-decoration: none;
}

.navbar {
    background-color: transparent;
}


.navbar.scrolled {
  background-color: #121212 !important;
  transition: background-color 200ms linear;
}

.nav-item{
   text-align: right;
}

/* Colors */

.primary-color-bg {
  background-color: #000;
}

.secondary-color-bg {
  background-color: #090909;
}

.thirdy-color-bg {
  background-color: #232323
}

.blue-color {
  background-color: #0076BB;
}

.dark-blue-color {
  background-color: #005180;
}

/* Texts */


.text-title {
  color: #0076BB;
}

.text-subtitle {
  color: white;
}





.container-fluid {
  padding: 0;
}

.space-1 {
  height: 20px;
  opacity: 0;
}

.space-2 {
  height: 50px;
  opacity: 0;
}

#particles-js {
  width: 100%;

}


@media (max-width: 1000px) {
  #particles-js {
    opacity: 0;
  }
}