
/* Header */

h1  {
  font: 44px Arial, sans-serif;
}

h2 {
  font: 40px Arial, sans-serif;
}

h3 {
  font: 36px Arial, sans-serif;
}

p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}

/* Menu bar */

.menu {
  font: 36px Arial, sans-serif;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.menu li {
  float: right;
}

.menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #111;
}

/* Main */

.main * {margin: 0; padding: 0;}
 
.main div {
  margin: 20px;
}
 
.main h3 {
  font: 36px Arial, sans-serif;
}
 
/* Weekly Activity list */

.week * {margin: 0; padding: 0;}
 
.week div {
  margin: 20px;
}
 
.week h3 {
  font: 36px Arial, sans-serif;
}
 
/* Day Activity list */

.day * {
  margin: 0; 
  padding: 0;
}
 
.day div {
  margin: 20px;
}
 
.day ul {
  list-style-type: none;
  width: 500px;
}
 
.day h3 {
  font: 36px Arial, sans-serif;
}
 
.day li img {
  border-radius: 20%;
  width: 100px;
  margin: 0 15px 0 0;
}
 
.but img {
  border-radius: 20%;
  width: 100px;
  margin: 0 15px 0 0;
}
 
.day li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}
 
.day li {
  padding: 10px;
  overflow: auto;
  border-radius: 15px;
}
 
.day li:hover {
  background: #eee;
  cursor: pointer;
}