<style>
body {
background: #f5f5f5;
}

.calendar {
width: 900px;
border: 3px dotted #3b5bff;
background: #fff;
}

.note {
text-align: center;
font-size: 14px;
margin-bottom: 5px;
}

.title {
background: #0a7a0a;
color: white;
text-align: center;
font-size: 28px;
padding: 15px 0;
font-style: italic;
}

table {
width: 100%;
margin-top: 10px;
border-collapse: separate;
  border-spacing: 15px;
}

th, td {
border: 1px solid #999;
height: 45px;
text-align: left;
padding: 5px;
font-size: 14px;
}

th {
color: white;
text-align: center;
font-weight: bold;
}

.week {
background: #39ff14;
text-align: center;
width: 60px;
color: pink;
}

.mon, .wed, .fri, .sun {
background: #0033ff;
color: pink;
}

.tue, .thu, .sat {
background: #0a7a0a;
}

.weekend {
background: yellow;
font-weight: bold;
}
</style>