@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');


body {
  background-image: #a4cce4, 0.3, url("img/msd.png");
}
span{

  font-family: 'Berkshire Swash', cursive;
}


/* Make the image fully responsive */
.carousel-inner img {
  width: 400px;
  height: 200px;
}

.bgmsd-bluepale {
  background-color: #a4cce4;
}
.bgmsd-bluemed {
  background-color: #349ccc;
}
.bgmsd-bluefonce {
  background-color: #306886;
}
.bgmsd-grispale {
  background-color: #9cacb4;
}
.bgmsd-grisfonce {
  background-color: #38444c;
}

.brunfonce {
  color: #615246;
}

.gris {
  color: gray;
}

.brunmed {
  color: #98806f;
}

.brunpale {
  color: #dcc3b2;
}

.bgbrun {
  background-color: #615246;
}

.bgbrunhover:hover {
  background-color: #615246;
  color: #dcc3b2;
}

.bgpale {
  background-color: #dcc3b2;
}

.bgbrunmed {
  background-color: #98806f;
}

.top-to-bottom {
  border-width: 0px 0px 0px 2px;
  border-style: solid;
  border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 1 100%;
}

.hoverimage {
  width: 200px;
  margin-top: 30px;
  transition: 0.4s ease;
}

.hoverimage:hover {
  margin: 15px 0px;
  border: 1px solid rgba(1, 39, 255, 0.3);
}

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