center {
    padding: 10px;
    text-align: left;
    font-weight:bold;
}


center a {
    border:1px solid grey;
    padding:2px;
    border-radius:3px;
    box-shadow: 1px 1px;
    font-weight:normal;
}

#calendar {
    margin: 5px;
    color: black;
    background-color: #eeeeee;
    border: 2px #00000052 solid;
    width: 80%;
}
#calendar th {
    color: #404040;
    min-width: 48px;
    border: 0px;
   
}


#calendar tbody {
}

#calendar td {
    padding: 0 0 25px 5px;
    background: #dedede;
    height: 65px;
    border: 1px white solid;
    width:48px;
    min-width: 48px;
}


#calendar td a {
   color: blue;
   display:block;
   font-size:x-small;
   overflow: hidden;
   max-width: 6ch;
   padding: 1px;
}


@media (min-width: 576px) 
{
   #calendar td a {
     color: blue;
     display:block;
     font-size:x-small;
     overflow: visible;
     padding: 1px;
   }
}



#calendar td:hover {
    background: #97979f;
}
#calendar td.none {
    background: none;
}
#calendar td.today {
    background: #9d9d9d;
    border: 2px solid red;
}
#calendar th.sunday {
    color: #ff1e1e;
}