@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3
   
   Author:   Matt Johnson
   Date:     10/2/24
   Filename: code6-3_columns.css

*/

article {
   column-count: 3;
   column-width: 350px;
   column-rule: 5px ridge rgb(231, 231, 231);
   column-gap: 20px;

}

article h1 {
   column-span: all;
   font-size: 3.5em;
   letter-spacing: 0.15em;
   text-align: center;
}

article p {
   widows: 4;
   orphans: 4;
}