/* css */
body {
  background-color: lightblue;
  display: table-cell;
  vertical-align: middle;
}
html {
    display: table;
    margin: auto;
}

@font-face {
  font-family: "MarlboroFont";
  src: url("Marlboro.ttf");
}

p {
  font-family: "MarlboroFont";
  font-size: 40px;
  margin-top: -45px;
  margin-left: 160px;
}

/* before image */
.nicBefore {
  position: relative;
  top: 200px;
  margin-left: 160px;
}
.marlboroBody {
  position: relative;
  z-index: 3;
}
.marlboroTab {
  position: relative;
  z-index: 4;
  top: 35px;
}
.marlboroLid {
  position: relative;
  z-index: 3;
  top: -253px;
  left: -224px;
}

/* after image */
.nicAfter {
  position: relative;
  top: -58px;
  margin-left: 160px;
}
.nicBody {
  position: relative;
  z-index: 2;
}
.nicProducts {
  position: relative;
  z-index: 1;
  top: -213px;
  left: -220px;
}

.marlboroTab:hover {
  opacity: 0;
}
.marlboroTab:hover + .disappear {
  opacity: 0;
}