@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3
   
   Author:   Io Anderson
   Date:     11/3/25
   Filename: code6-3_columns.css

*/
@media only screen and (min-width: 641px) {
	article{
		column-count: 3;
		column-width: 350px;
		column-rule: 5px ridge rgb(231, 231, 231);
		column-gap: 20px;
	}
	
	article h1{
		column-span: all;
		text-align: center;
		font-size: 3.5em;
		letter-spacing: 0.15em;
	}
	
	article p{
		widows: 4;
		orphans: 4;
	}
}