/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your HTML content. */

body {
  background-image: url('la raiz de todo.png'); /* Replace with your image path or URL */
  background-size: cover;       /* Scales image to cover the whole screen */
  background-position: center;  /* Centers the image */
  background-repeat: repeat;    /* Prevents tiling */
  background-color: #f0f0f0;   /* Optional background color */
  
  /* Center the text using flexbox */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Makes the body take full viewport height */
  margin: 0; /* Removes default margin */
  text-align: center; /* Ensures text inside the body is centered */
  
  /* Optional: Set a default font family */
  font-family: 'Bitcount Prop Single', sans-serif; /* You can change this to any font you prefer */
}