/* style sheet for flyer.html */
   .header {background: pink;
   			width: 100%;
   			margin: 0;
   			padding: 0;
   			border: 0;
   			height: 100%;
   			opacity: .9;
   			}   
   h1 {font-family: 'Amatic SC', cursive; 
   	   text-align: center;
   	   font-size: 60px;
   	   line-height: 100%;
   	   }
   h2 {font-family: 'Permanent Marker', cursive;
   	   text-align: center;
   	   /*color: #81D8D0;*/
   	   font-size: 40px;
   	   line-height: 0%;
   	   }
   p {text-align: center;
   	  font-family: 'Annie Use Your Telescope', cursive;
   	  font-size: 30px;
   	  }
   h3 {font-family: 'Annie Use Your Telescope', cursive;
   	   font-size: 30px;
   	   text-align: center;}
	body,html {background: url('coffee.jpg') no-repeat center center fixed; 
       	 -webkit-background-size: cover;
       	 -moz-background-size: cover;
       	 background-size: cover;
		  }	
	.box {margin: auto;
		  border-width: 2px;
		  width: 300px;
    	  height: 250px;
    	  background: pink;
    	  -webkit-border-radius: 200px / 25px;
    	  border-radius: 315px / 275px;
    	  vertical-align: center;
    	  margin-left: auto;
    	  margin-right: auto;
    	  }
    
	ul {text-align: left;
		font-family: 'Annie Use Your Telescope', cursive;
	 	font-size: 23px;
	 	list-style-position: inside;
    	margin: auto;
    	margin-top: 2.7em;
   		width: 200px;
   		}

	.diamond {margin-left: auto;
			  margin-right: auto;
			  margin-top: 10.8em;
			  top: 30px;
			  display: flex;
			  align: center;
			  content: center;
			  top: 50px;
			  width:650px;
			  height:650px;
			  background: rgba(129, 216, 208, 0.85);
			  transform:rotate(45deg);
			  -webkit-transform:rotate(45deg)
			  opacity: 0.4;
			}
	.diamondInner { margin: 0 auto;
					display: flex;
					font-weight:bold;
					transform:rotate(45deg);
					-webkit-transform:rotate(-45deg);
					[B]width:650px;
					height:650px;
					vertical-align:middle;
					text-align:center;
					display: table-cell;
					}[/B]