.information {
  display: flex;
  float: middle;
  text-align: center;
  vertical-align: center;
  width: 100%;
  height: auto;
  justify-content: center;
}


a {
  font-family: 'Roboto';
  text-decoration: none;
  margin: 1%;
  padding: 1%;
  width: 15%;
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: SALMON;
  border: 3px solid SALMON;
}

.calendar {
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2vmax;
  width: 90%;
  height: 100%;display: inline-block;
}
.headerrow, .footerrow {
  width: 100%;
  padding: 1vmax 0;
  height: 4vmax;
  background-color: MEDIUMAQUAMARINE;
}
.footerrow {
  background-color: transparent;
}
.calbutton {
  float: left;
  display: inline-block;
  width: 20%;
}
.leftbutton, .rightbutton {
  font-size: 3vmax;
  color: rgb(255,255,255);
  margin: auto;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgb(255,255,255); /*border inset*/
  width: 4vmax;
  height: 4vmax;
  transform: scale(1); /* you need a scale here to allow it to transition in both directions */
  transition: 0.15s all ease;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently */
  cursor: default;
}
.calbutton:hover .leftbutton, .calbutton:hover .rightbutton {
  transform: scale(1.2);
}

.monthtitle, .yeartitle {
  color: rgba(1,1,1,0.5);
  float: left;
  display: inline-block;
  width: 29%;
  text-align: right;
  height: 4vmax;
  padding-top: 1vmax;
  padding-right: 1%;
}
.yeartitle {
  text-align: left;
  padding-right: 0;
  padding-left: 1%;
}
.body {
  width: 100%;
  display: inline-block;
}

.tablecell {
  color: rgba(1,1,1,0.5);
  padding: 2vmax 0;
  float: left;
  width: 12.5%;
  /* display: inline-block; */
  box-shadow: 0 0 0 1px rgba(1,1,1, 0.2); /*border inset*/
}
.currentdate {
  background-color: LIGHTSTEELBLUE;
}
.startdate, .returndate {
  -webkit-box-shadow: inset 0px 12px 28px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 12px 28px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 12px 28px 0px rgba(0,0,0,0.75);
}
.startdate {
  background-color: MEDIUMSEAGREEN;
}
.returndate {
  background-color: BROWN;
}
.runningdate {
  color: rgba(20,20,20,1);
  background: repeating-linear-gradient(
  45deg,
  SEAGREEN,
  SEAGREEN 3px,
  transparent 4px,
  transparent 12px
  );
}
.tableday {
  color: rgba(1,1,1,0.5);
  padding: 2vmax 0;
  float: left;
  width: 12.5%;
  display: inline-block;
  box-shadow: -5px 0px 0px 0px rgba(1,1,1, 0.2), 5px 0px 0px 0px rgba(1,1,1, 0.2); /*border inset*/
}