body {
  background: #c7c6c6;
}

h1 {
  color: #acacac;
  text-shadow: 2px 2px 3px #525252, -2px -2px 3px #e2e1e1;
}

h3, h4, h5, p {
  color: rgb(0, 0, 0);
}

.nav-link {
  color: #ffffff;
  font-weight: bold;
}

.nav-link:hover {
  color: rgb(43, 120, 209) !important;
  font-weight: bold;
}

#titre {
  background: #c7c6c6;
  box-shadow: inset 10px 10px 20px #a9a8a8, inset -10px -10px 20px #e5e4e4;
}

#pao {
  background: #c7c6c6;
}

#frontend {
  background: #c7c6c6;
}

#iconsoft {
  background: #c7c6c6;
  box-shadow: inset 10px 10px 20px #a9a8a8, inset -10px -10px 20px #e5e4e4;
}

.bg-dark.scrolled {
  background: #111725 !important;
}

.fab {
  color: #c7c6c6;
  text-shadow: 3px 3px 6px #525252, -3px 3px 6px #e2e1e1;
}

.img-fluid {
  border: #c7c6c6;
}

#txtLaptop1, #txtLaptop2
{
  background: #c7c6c6;
  box-shadow: inset 10px 10px 20px #a9a8a8, inset -10px -10px 20px #e5e4e4;
}

#contact {
  background: #c7c6c6;
  box-shadow: 3px 3px 6px #a9a8a8, -3px -3px 6px #e5e4e4;
}

#contact:active {
  background: #c7c6c6;
  box-shadow: inset -3px -3px 6px #a9a8a8, inset -3px -3px 6px #e5e4e4;
}

#cv {
  background: #c7c6c6;
  box-shadow: 10px 10px 20px #a9a8a8, -10px -10px 20px #e5e4e4;
}

.card {
  background: #c7c6c6;
  box-shadow: inset 10px 10px 20px #a9a8a8, inset -10px -10px 20px #e5e4e4;
}

.numbertext {
  background: #272637;
  background: rgba(255, 255, 255, 0.5);
}

.numbertext > h4 {
  color: rgb(255, 255, 255);
}
.numbertext > * {
  color: white;
  text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), -1px 0 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0);
}

.numbertext2 {
  background: rgba(129, 129, 129, 0.5);
}

.numbertext2 > h4 {
  color: rgb(255, 255, 255);
}

.numbertext2 > * {
  text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), -1px 0 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0);
}

footer {
  color: #000;
  background: #c7c6c6;
  box-shadow: inset 10px 10px 20px #a9a8a8, inset -10px -10px 20px #e5e4e4;
}