html {background-color:yellow;
margin:0;
padding:0
}

main { 
  background-color: black;
  margin:0 auto;
  width:980px;
  height:1000px
}

nav {
  width: 260px;
  height: 1000px;
  background:white;
  font-size:1.1em;
  border-right: 20px ridge silver;
  display:inline;
  float:left
  }
 

h1 {
	margin-left:200px
	font-size:2em;
	color:white
  }

#pizza { 
  width: 670px;
  height:450px;
  margin-left:10px
  }

h3{
  color: white;
	font-size:3em;
}

article {
	width:690px;
	float:left
}	
 
h2 {
width: 170px;
height: 40px;
border-radius: 10px;
padding-left: 30px;	
color: #fff;
font-size:1.5em;
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 2px 0 cyan, 0 3px 0 #bbb, 0 4px 0 cyan, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

li a {text-decoration:none; margin:30px 0;
      overflow: hidden;
	  }
button:hover {
  background: black;
  color: white;
}	  
button {
	margin-left:30px;
/*    position: relative; */
    background: none center center no-repeat;
/*    background-size: cover; */
    border: 2px solid black;
    text-transform: uppercase;
/*    letter-spacing: .3rem; */
/*    padding: 20px 15px; */
/*    max-width: 200px; */
    min-width: 200px;
	max-height: 70px;
	min-height: 70px;
    cursor: pointer;
/*    overflow: hidden; */
    -webkit-transition: border 1s cubic-bezier(0.19,1,.22,1),color .6s cubic-bezier(0.19,1,.22,1);
    transition: border 1s cubic-bezier(0.19,1,.22,1), color .6s cubic-bezier(0.19,1,.22,1), background 5s cubic-bezier(0.19,1,.22,1);
}

button a {
    color: #969696;
    font-family: 'Varela Round';
    text-decoration: none;
}

button .mask {
	background: #fff;
    background: rgba(255,255,255,0.5);
    position: absolute;
    display: block;
    width: 200px;
    height: 100px;
    -webkit-transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    transform: translate3d(-120%,-50px,0) rotate3d(0,0,1,45deg);
    -webkit-transition: all 1.1s cubic-bezier(0.19,1,.22,1);
    transition: all 1.1s cubic-bezier(0.19,1,.22,1);
}

li {margin:30px -40px;}

/* Stack the layout on small devices/viewports. */
@media all and (max-width: 320px) {
}