#calendar {
    width: 80%;
    margin: auto;
}




#calendarintro .mes ul li {
  width: 95%;
  position: relative;
  font-weight: 100;
  display: inline;

}

.mes {
  display: inline;
  margin: auto;
}

.mes th {
  transition: padding-bottom 1s;
  height: 1px;
  border-radius: 5% 5% 0 0;
  transition-timing-function: ease-in-out;
  font-weight: 50;
  margin: auto;
  overflow: hidden;
  position: absolute;
}
  
.mes th:hover {
  background-color: rgb(95, 61, 61);
  padding-bottom: 10px;
  opacity: 0.9;
  border-radius: 5% 5% 0 0;
}