@charset "utf-8";

/*
	Assignment: Midterm Project
	Author: Chris LaFleur
	Date: 11/23/23
	
	Printing styles for Calypso's Birthday website
*/

@page{
	size: 8.5in 11in;
	margin: 0.5in;
}

html{
	height: 100%;
	font: 1em Verdana, Geneva, Arial, sans-serif;
}

body{
	width: 100%;
}

header{
	display: none;
}

img{
	display: none;
}

footer{
	padding: 2em;
	vertical-align: middle;
}

footer a{
	line-height: 1.5em;
	padding: 0em 2em;
}

.article{
	margin-bottom: 0;
}

section{
	padding: 1em 2em;
}

h1{
	font-size: 28pt;
	font-weight: bold;
	line-height: 30pt;
}

h2{
	font-size: 20pt;
	font-weight: bold;
}

h3{
	font-size: 14pt;
	font-weight: bold;
}

h4{
	font-size: 12pt;
	font-weight: bold;
}

p{
	font-size: 12pt;
}

li{
	font-size: 12pt;
	padding: 0.25em;
}

aside{
	padding: 1em 2em;
}

section#intro{
	text-align: center;
	width: 100%;
	line-height: 2.5em;
}

section#qna p{
	padding-top: 0.5em;
	text-indent: 1.5em;
}

aside ul, article ol{
	list-style-position: inside;
}

article#attendees h2{
	text-align: center;
	padding-top: 1em;
}

article#attendees ol{
	text-indent: 2.5em;
}

a::after{
	content: " (" attr(href) ") ";
	font-weight: bold;
	word-wrap: break-word;
}

img, ol, ul, aside{
	page-break-inside: avoid;
}