.calendar {
display: grid;
grid-template-columns: repeat(7, 1fr);
font-size: 140% !important;
}
.first-day1 {
grid-column-start: 1;
}
.first-day2 {
    grid-column-start: 2;
    }
.first-day3 {
grid-column-start: 3;
}
.first-day4 {
grid-column-start: 4;
}
.first-day5 {
grid-column-start: 5;
}
.first-day6 {
    grid-column-start: 6;
    }
.first-day7 {
    grid-column-start: 7;
    }
.calendar-wrapper {
width: 280px;
}
.weekday {
background: #eee;
}
h1 {
text-align: center;
}
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
ul a li{
    color: #000;
  font-size: 20px;
}
.button {
    background-color: #b5b5b5;
  }
.button:hover {
    background-color: #0033ab;
    }
.cambiante {
    color: rgb(255, 255, 255); /* Color inicial */
    /*animation: cambiarColor 5s infinite alternate;*/ /* Animación opcional */
}

@keyframes cambiarColor {
    from { color: yellow; }
    to { color: red; }
}
strong {
font-weight: 800; /* Pone el texto en negrita más intensa */
}