* {
  margin           : 0px;
  padding          : 0px;
}

html, body {
  background-color : white;
  font-family      : Arial,sans-serif;
}

a:hover {
  text-decoration  : underline;
}

h2 {
  margin-top       : 0.7em;
}

p {
  margin-bottom       : 0.7em;
}

.header {
  text-align       : center;
  background-color : #000000;
  height           : 92px;
  margin-bottom    : 10px;
}

#walker {
  position: absolute;
  top: 59px;
}

.color1 { background-color : #E84C2F; }
.color1 a { color: #692215 }
.color2 { background-color : #FFA251; }
.color2 a { color: #805129 }
.color3 { background-color : #FFF584; }
.color3 a { color: #807B42 }
.color4 { background-color : #63E89E; }
.color4 a { color: #2d6947 }
.color5 { background-color : #4B52FF; }
.color5 a { color: #262980 }

.row {
  margin           : 30px;
  padding          : 10px;

  font-style       : normal;
  font-variant     : small-caps;
  font-weight      : normal;
  letter-spacing   : 0.5ex;
  text-decoration  : none;
  text-transform   : capitalize;
  text-align       : center;

  box-shadow          : 10px 10px 15px #888;
  -o-box-shadow       : 0 0 15px #888;
  -moz-box-shadow     : 0 0 15px #888;
  -webkit-box-shadow  : 0 0 15px #888;
}

.row a {
  text-decoration  : none;
  outline          : none;
  margin-left      : 20px;
  margin-right     : 20px;
}

.row a:hover {
  text-decoration  : underline;
}

.title {
  color            : white;
  font-size        : 3em;
}


.notes {
  background-image : url('imgs/note.png');
  position: absolute;
  width :218px;
  height: 219px;
  right: 10px;
  top: 60px;
}

.notes .title {
  color: green;
  font-size :1.7em;
  margin-top: 10px;
  margin-left: 20px;
}

.notes .date {
  color: gray;
  font-size: 0.6em;
  margin-left: 20px;
}

.notes .text {
  color: black;
  font-size: 0.7em;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 18px;
}

.notes a {
  color: black;
}