body {
  margin: 0;
  /*font-family: 'Roboto', sans-serif; */
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  background-color: rgb(0, 0, 0);
}

h1 {
  color: #fff;
}

h2 {
  color: #fff;
}

h3 {
  color: #fff;
}

h4 {
  color: #fff;
}

h5 {
  color: #fff;
}

h6 {
  color: #fff;
}

p {
  color: #fff;
}

.side {
  padding-top: 124px;
}

.sidebottom {
  background-color: rgb(160, 26, 26);
  padding: 8px;
}

.sidebottom p {
  color: rgb(255, 234, 0);
  margin: 0px;
}

.side ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width:15%;
  background-color: #ffea00;
  position: fixed;
  height: 87%;
  overflow: auto;
}

.side li a {
  display: block;
  color: rgb(255, 0, 0);
  padding: 8px 16px;
  text-decoration: none;
}

.side li div {
  vertical-align: bottom;
}

.sidep {
  color: rgb(255, 0, 0);
}

.side li a.active {
  background-color: #e30000;
  color: rgb(255, 238, 0);
}

.side li a:hover:not(.active) {
  background-color: rgb(169, 138, 0);
  color: rgb(255, 221, 0);
}

.top {

}

.top ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(213, 0, 0);
  position: fixed;
  top: 0;
  width: 100%;
}

.top li {
  float: left;
}

.top li p {
  font-size: 32px;
  margin-left: 50px;
  color: rgb(255, 208, 0);
}

.top li a {
  display: block;
  color: rgb(255, 0, 0);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.top li a:hover {
  background-color: rgb(136, 134, 4);
}

.maindiv {
  padding-top: 14px;
  margin-left: 17%;
  height: 2000px;
}

footer {
  background-color: #c23806;
  padding: 0px;
  margin: 0px;
  margin-left: 15%;
}

footer a {
  margin: 12;
  padding: 6;
}

.merch {
  background-color: rgb(171, 160, 9);
  border: 5px solid darkred;
  width: 420px;
  text-align: center;
  margin: 0 auto;
}

.mealDeal {
  background-color: rgb(206, 98, 11);
  border: 5px solid rgb(188, 180, 21);
  width: 420px;
  text-align: center;
}

.mealDeal h1 {
  background-color: rgb(227, 21, 21);
}

.mealDeal h2 {
  background-color: rgb(227, 21, 21);
}

.gallery {
  background-color: rgb(179, 55, 55);
  border: 5px solid rgb(177, 172, 19);
  width: 640px;
  text-align: center;
  margin: 0 auto;
}

.wrap {
  width: 100%;
  overflow: auto;
  background-color: white;
}

.left {
  float: left;
  width: 50%;
  background-color: darkred;
  height: 495px;
  align-content: center;
  padding-top: 3px;
}

.right {
  float: right;
  background-color: yellow;
  margin: 0;
  width: 50%;
  height: 495px;
  padding-top: 3px;
}