body{
  background-color: red;
  background-image: url("https://i.pinimg.com/originals/32/8c/88/328c881f1929b778adcc7d9c1c75adcd.gif") fixed;
  background-size: 100%;
  color: white;
  }
  
.a{
  position: fixed;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -3;
  }
  
.b{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: white;
  }
  
.c{
  background: ;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 19%;
  top: 26%;
  }
  
.d{
  background-color: #3F3F3F;
  border: 5px solid black;
  width: 80%;
  height: 150%;
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  z-index: 6;
  }
  
.e{
  position: absolute;
  right: 1%;
  top: 1%;
  }
  
.h{
  position: fixed;
  left: -12%;
  top: 44.5%;
  transform: rotate(90deg);
  z-index: 3;
  }
  
.i{
  position: fixed;
  left: 8.25%;
  top: 86%;
  z-index: 2;
  }
  
.j{
  position: fixed;
  left: 8.25%;
  bottom: 86%;
  transform: rotate(180deg);
  z-index: 2;
  }
  
.k{
  position: fixed;
  left: 28.5%;
  top: 44.5%;
  transform: rotate(270deg);
  z-index: 3;
  }
  
a:link, a:visited, a:active { 
color:white;text-decoration:none;}
a:hover {
color:white;}

.l{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* red tint */
  z-index: 4;
  pointer-events: none; /* lets you still click through it */
}

.m{
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  z-index: 7;
  }
  
.n{
  background: black;
  width: 70%;
  left: 50%;
  position: absolute;
  top: 9%;
  transform: translateX(-50%);
  z-index: 90;
  }