/* Modo claro (por defecto) */
body {
   background: #033144;
}

/* Modo oscuro */
@media (prefers-color-scheme: dark) {
  body {
   background: #033144;
  }
  .parrafo {
    color: #f4f4f4;
  }
  
}

/* Modo claro */
@media (prefers-color-scheme: light) {
  body {
   background: rgba(244, 244, 244, 0.96);
  }
  .parrafo {
    color: #033144;
  }
}

h1{
   font-size: 15vw !important;
}

.backup{
   font-size: 8vw !important;
}

.custom-text-color {
   color: #0093a7;
 }



 .btn{
   background: #0093a7;
 }

 @media (max-width: 768px) {
   h1{
      font-size: 25vw !important;
   }
   .backup{
      font-size: 12vw !important;
   }
 }