body {
    background: linear-gradient(135deg, #323333 0%,#fff 40%,#2b272c 100%);
}
h1 {
    text-align: center;
font-family: Comic Sans MS;
text-shadow:3px 2px #424241;
}
a {
    color:rgb(20, 20, 20);
text-decoration: none;
}
a:hover {
    color:rgb(124, 118, 120);
}
.button, #nav ul li a {
    display: block;
    color:black;
width: 120px;
background: linear-gradient(135deg, #091414 0%,#fff 10%,#091414 100%);
padding: 100px;
text-align: center;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight: bold;
margin: 20px auto;
list-style-type: none;
border-radius: 40px 10px;
box-shadow:6px 6px 6px 2px #b6c7cc;
box-shadow:0px 0px 6px 2px #000000 inset;  }
.button,
#nav ul li a:hover
 {
    background: linear-gradient(135deg, #323333 0%,#fff 40%,#2b272c 100%);
font-family:Verdana, Geneva, Tahoma, sans-serif;
box-shadow:linear-gradient(135deg, #323333 0%,#fff 40%,#2b272c 100%); 
}
#nav ul {
list-style-type: none;
width: 380px;
    float: left;
    padding:60px 20px;
    box-sizing: border-box;
}
#nav ul li a {
padding: 20px;
    width: 105px;
margin: 5px;
}
img{
    margin-left: 0%;
}
#content {
    margin-left: 380px;
    margin-right: 300px;
font-family: Verdana, Geneva, Tahoma, sans-serif    ;
color: rgb(0, 0, 0);
}
#footer {
    background-color: #bebebe;
    text-align: center;
    margin: 1px;
    padding: 1px;
  }

@media screen and (max-width: 768px) {
  #nav ul {
    width: 240px;
  } 

  #content {
    margin-left: 240px;
    margin-right: 20px;
  }
}