.card-text {
  display: flex;
  vertical-align: middle;
  justify-content: space-evenly;
}

.card {
  margin-top: 10%;
  margin-bottom: 10%;
}

body::-webkit-scrollbar {
  width: 12px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #382a6e; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255); /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid #382a6e; /* creates padding around scroll thumb */
}


.img-pp
{
  box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
  height: 90% !important;
  max-width: 20vw;
  padding: 0;
}

.non
{
  max-width: none !important;
  margin-top: 0 !important;
}

.lacouleur
{
  background-color: #382a6e !important;
}

/* .maybe2
{
  text-align: center;
  border-width:1px;
  color:#666666;
  border-color:#dcdcdc;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#f9f9f9, #e9e9e9);
}


.maybe
{
  text-align: center;
  border-width:1px;
  color:#666666;
  border-color:#dcdcdc;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#f9f9f9, #e9e9e9);
} */

.btn
{
  color: white;
  background-color: #382a6e;
}

.fondb
{
  text-align: center;
  background-color: #ffffff87 ;
}