/* Reset some default styles */
body, h1, footer {
    margin: 0;
    padding: 0;
}

/* Basic styling */
body {
    line-height: 1.6;
    background-color: #2d1147d5;
    padding: 20px;
    margin: 0; /* Ensure no margin on the body */
}

header {
    background-color: #8e44ad; /* Purple background */
    color: #fff;
    text-align: center;
    padding: 10px;
}

footer {
    font-family: 'Roboto', sans-serif; /* Use Roboto as the primary font */
    background-color: #9b59b6; /* Darker purple background */
    color: #fff;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0; /* Ensure it starts from the left edge */
    width: 100%; /* Full width */
    margin: 0; /* Remove any default margin */
}

/* Additional styles for centered image */
.centered-image {
    display: block;
    margin: 20px auto; /* Center the image horizontally with some top margin */
    max-width: calc(100% - 40px); /* Ensure the image doesn't exceed its original size and consider padding */
}

/* Define los atributos de la clase (familia, peso y estilo) */
.monoton-regular {
    font-family: "Monoton", sans-serif;
    font-weight: 400;
    font-style: normal;
  }