body{ 
  font-family: 'Courier New',monospace;
  font-size: 20px;
}
*{
  margin:0;
}
header{
  text-align: center;
  background-color: rgb(255, 253, 113);
  font-weight: bold;
  font-size: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
section{
  padding-left: 30%;
  padding-top: 20px;
  padding-bottom: 20px;
}
table{
  border-collapse: collapse; /*セルの間のスペースを消すことが出来る命令*/
  border:2px solid #eee;
  margin: 30px auto;
}
thead,tfoot{
  background-color:#eee;
}
th,td{
  padding: 8px;
  text-align: center;
}
tbody td:first-child{
  color: red;
}/*first-childは<td>の中の最初の要素に装飾を加えたい時に使用する疑似クラス、last-childは最後の要素*/
tbody td:last-child{
  color: blue;
}
tfoot{
  font-weight: bold;
}
td.disabled{
  opacity:0.3
}
td.today{
  font-weight: bold;
  color: rgb(48, 255, 7)
}
#prev,#next,#today{
  cursor: pointer;
  user-select: none;
}