body {
	background: #f0f0f0;
	color: #111;
	font: 16px Lora, "Palatino Linotype", "Times New Roman", Times, serif;
	text-align: center;
	}
	
	div, h1, h2, p {
		margin: 0;
		padding: 0;
		}
	
		#poem { 
			margin: 2em auto;
			text-align: left;
			width: 40em;
         box-shadow: 0 0 1em rgba(0, 0, 0, 0.35);
         padding: 2em 4em;
         background-color:#ffffff;
			}
		
			h1, h2 {
				font-weight: normal;
				text-align: center;
				}
				
			h1 {
				font-size: 34px;
				line-height: 1.2;
				margin-bottom: 10px;
				}
			
			h2 {
				color: #666;
				font-size: 18px;
				font-style: italic;
				margin-bottom: 30px;
				}
				
			p {
               letter-spacing: 0.95px;
               line-height: 2;
               margin-bottom: 1em;
               margin-left:1em;
				}
			
			/* The magic of selectors begins... */
			
			h2:before {
				content: '— ';
				}
			
			h2:after {
				content: ' —';
			}
			
			#poem p:first-letter {
					float: left;
					font-size: 4.5em;
					line-height: .5;
					margin: .22em 5px 0 0;
               padding-left:.5em;
			}
				
			#poem p:first-line {
				font-variant: small-caps;
				letter-spacing: 0;
            position:relative;
		   }

         #poem p span:nth-child(2n+4) {
            padding-left:4em;  
         }

         #poem p span:nth-child(2n+3) {
            padding-left:2em;  
         }

			#poem p:last-child {
			   margin-bottom: 2em;
         }
       
         .flourish {
            text-align: center;
            margin-bottom: 1em;
         }

         .flourish:before {
            color: #332;
            content: 'c―—d';
            font-family: "Wingdings 2";
            letter-spacing: -2px;
         }

         hr { margin: 1em 2em 2em 2em; }
         
         #poem #wrap {
            margin: 0px auto;
            width:30em;
         }