/* 
   Big J's Deep Dish Pizza 
   Filename: styles.css

   Author: Faye Canete
   Date: April 02, 2026
   HTML5 and CSS3 Illustrated Unit E, Skills Review
 */

/* reset styles */
article, body, div, footer, header, h1, h2, p {
   border: 0;
   padding: 0;
   margin: 0;
}

html{
	
	font-size: 12px;
	
}

/* body and container */
body {
   max-width: 960px;
   margin: 0 auto;
   background-color: #ddd
}

/* headings */
h1, h2 {
   text-align: center;
   font-family: Playfair Display, Times New Roman, serif;
}
h2 {
   padding: 0 0.25em 0.25em;
   margin: 0;
   color: red;
   font-size: 2.8em;
}

h1 {
	
   font-size: 4em;
   font-weight: 900;
	
}

p{
	
	font-family: Aril, Hevetica, sans-serif;
	font-size: 1.4em;
	
}
  
/* main content */
article {
   margin: 1em;
   padding: 1em;
   background-color: #fff;
}
.contrastbox {
   width: 30%;
   padding: 0.5em;
   margin: 0.5em auto;
   text-align: center;
   font-weight: bold;
   background-color: #ddd;
}

.accent {
	
	font-weight: bold;
	
}
.title {
	
	font-style: italics;
	
}

.container {
	
	background-color: rgb(255,204,102)
	
}

article p.firstparagraph::first-letter {
    font-size: 3em;
    line-height: 0.9em;
    float: left;
}


/* footer section */
footer {
   padding: 0.5em;
   text-align: center;
}


h2 {
    text-shadow: 2px -1px 2px rgb(255, 204, 102);
}


@media print {
    body, h2, article {
        color: #000;
        background-color: #fff;
    }

    body {
        max-width: 100%;
    }
}

@page {
    margin: 1in;
}