body {
    background-color: #f5f1e9;
  }
  #calendar {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    font-family: "Lato", sans-serif;
  }
  #calendar_weekdays div {
    display: inline-block;
    vertical-align: top;
  }
  #calendar_content,
  #calendar_weekdays,
  #calendar_header {
    position: relative;
    width: 320px;
    overflow: hidden;
    float: left;
    z-index: 10;
  }
  #calendar_weekdays div,
  #calendar_content div {
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
    color: #787878;
  }
  #calendar_content {
    -webkit-border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
  }
  #calendar_content div {
    float: left;
  }
  #calendar_content div:hover {
    background-color: #f8f8f8;
  }
  #calendar_content div.blank {
    background-color: #e8e8e8;
  }
  #calendar_header,
  #calendar_content div.today {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
  }
  #calendar_content div.today {
    color: #ffffff;
  }
  #calendar_header {
    width: 100%;
    height: 37px;
    text-align: center;
    background-color: #ff6860;
    padding: 18px 0;
    -webkit-border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    border-radius: 12px 12px 0px 0px;
  }
  #calendar_header h1 {
    font-size: 1.5em;
    color: #ffffff;
    float: left;
    width: 70%;
  }
  i[class^="fa-chevron"] {
    color: #ffffff;
    float: left;
    width: 15%;
    border-radius: 50%;
  }
  i.fa-solid{
    color: #ffffff;
    float: left;
    width: 15%;
    border-radius: 50%;
  }