/*   Styles for the example: /examples/chapter011/11_5_3/index3.html
*/
*{
  box-sizing: border-box;        
} 
.headfoot {
  width: 85%;
  border: gray 1px dotted;
  padding: 10px;
  background-color: olivedrab;
  color: white;
  text-align: center;
}

.article01 {
  width: 85%;
  background-image: url('../images/pattern.png');
  background-repeat: repeat-y;
  background-position: right top;
  border-left: gray 1px dotted;
  border-right: gray 1px dotted;
  padding: 10px;
  background-color: #e8f3ea;
}