stephenhay · August 29, 2015 13:57
diff --git a/hamburger.css b/hamburger.css
 body {
  display: flex;
  align-items: center;
  padding: 5em 20%;
  font-family: sans-serif;
  line-height: 1.4em;
  /* color: dimgray; */
 }

 h1 {
  line-height: 1em; 
  color: crimson; 
 }

 div {
  margin: 0 1.5em;
  flex: 1;
 }

 div:nth-child(2) p,
 div:nth-child(2):before,
 div:nth-child(2):after {
  width: 20em;
  height: 4em;
  background-color: black;
  margin: 3em 0;
 }

 div:nth-child(2):before,
 div:nth-child(2):after {
  display: block;
  content: "Bun.";
 }

 div:nth-child(2):after {
  box-shadow: 0px 40px 50px -20px gray;
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <link rel="stylesheet" href="hamburger.css">
  </head>
  <body>
    <div>
      <h1>The mouthwatering original.</h1>
      <p>A juicy 100% beef patty simply seasoned with a pinch of salt and pepper, tangy pickles, minced onions, ketchup and mustard.</p>
    </div>
    <div><p>Hamburger.</p></div>
  </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<link rel="stylesheet" href="hamburger.css">
	</head>
	<body>
	<div>
	<h1>The mouthwatering original.</h1>
	<p>A juicy 100% beef patty simply seasoned with a pinch of salt and pepper, tangy pickles, minced onions, ketchup and mustard.</p>
	</div>
	<div><p>Hamburger.</p></div>
	</body>
	</html>