body {
  background-color: black !important;
}

.bg-IT-Pattern {
  background-image: url("../img/trama-modular.webp");
}

/* Background color variations */
.hardware-bg {
  background-color: #0080ff;
}

.redes-bg {
  background-color: #ff6f0f;
}

.linux-bg {
  background-color: #9400cf;
}

.seguridad-bg {
  background-color: #50e800;
}

.hardware-color {
  color: #0080ff;
}

.redes-color {
  color: #ff6f0f;
}

.linux-color {
  color: #9400cf;
}

.seguridad-color {
  color: #50e800;
}

.blogger-font {
  font-family: 'Blogger Sans';
}

@font-face {
  font-family: 'Blogger Sans';
  src: url("../fonts/BloggerSans.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: url('../fonts/BloggerSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Blogger Sans';
  src: url('../fonts/BloggerSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}