body {
  background: #222130;
}

h1 {
  color: #393752;
  text-shadow: 2px 2px 3px #13121b, -2px -2px 3px #2c2a3d;
}

h3,
h4,
h5,
p {
  color: rgb(255, 255, 255) !important;
}
.nav-link {
  color: #ffffff;
  font-weight: bold;
}

.nav-link:hover {
  color: rgb(43, 120, 209) !important;
  font-weight: bold;
}

.fa-sun {
  color: rgb(195, 209, 5);
}

#titre {
  background: #222130;
  box-shadow: inset 10px 10px 20px #181722, inset -10px -10px 20px #2d2c3f;
}

#pao {
  background: #222130;
}

#frontend {
  background: #222130;
}

#iconsoft {
  background: #222130;
  box-shadow: inset 10px 10px 20px #181722, inset -10px -10px 20px #2d2c3f;
}

.bg-dark.scrolled {
  background: #111725 !important;
}

.fab {
  color: #302e50;
  text-shadow: 3px 3px 6px #000000, -3px 3px 6px #414280;
}

.img-fluid {
  border: #222130;
}

#txtLaptop1, #txtLaptop2 {
  
  background: #222130;
  box-shadow: inset 10px 10px 20px #181722, inset -10px -10px 20px #2d2c3f;
}

#contact {
  background: #272637;
  box-shadow: 3px 3px 6px #1d1c29, -3px -3px 6px #333247;
}

#contact:active {
  background: #272637;
  box-shadow: inset 3px 3px 6px #1d1c29, inset -3px -3px 6px #333247;
}

#cv {
  background: #272637;
  box-shadow: 3px 3px 6px #1d1c29, -3px -3px 6px #333247;
}

.card {
  background: #222130;
  box-shadow: inset 10px 10px 20px #181722, inset -10px -10px 20px #2d2c3f;
}

.numbertext {
  background: #272637;
  background: rgba(255, 255, 255, 0.5);
  color: rgb(255, 255, 255);
  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);
  color: rgb(0, 0, 0) !important;
  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: #fff;
  background: #272637;
  box-shadow: inset 10px 10px 20px #121125, inset -10px -10px 20px #181731;
}