/* determines what the image will look like before you hover over it */

.biglight {

display: flex;
}

/* determines where on the page the image will appear*/
 

#biggo1{left: 300px;top: 700px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
#biggo2{left: 500px;top: 700px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
#biggo3{left: 700px;top: 700px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
/* row 1 end */

#biggo4{left: 100px;top:  920px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
#biggo5{left: 300px;top:  920px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
#biggo6{/* left: 500px; *//* top:  920px; *//* min-width: 200px; */width: 200px;/* min-height: 200px; */height: 200px;display: flex;/* position: absolute; */z-index: 800;}
#biggo7{left: 700px;top:  920px;min-width: 200px;width: 200px;min-height: 200px;height: 200px;display: flex;z-index: 800;}
/* row 2 end */

/*#pillarwrapper{
    height: 2242px;
    overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
}



#pillarwrapper{  
 position: fixed;
 height: 100vh;
   width: 100vh;
           overflow-x: hidden;
        overflow-y: hidden;
   }
*/


/* flames placeholder */





#pillardiv {   left: 100px; top: 900px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;  }
#pappapeachy {  left: 300px; top: 900px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;     }

#pd2 {  left: 500px; top: 900px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }

#pid3 {  left: 700px; top: 900px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }



#topped0{  left: 100px; top: 684px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;  }

#topp1 {  left: 300px; top: 684px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;     }

#tip2 {  left: 500px; top: 684px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }

#tipped3{  left: 700px; top: 684px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }



#bott{  left: 100px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;  }

#bipp {  left: 300px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;     }

#bicc {  left: 500px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }

#biff{  left: 700px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }



#virtdiv{/* left:  94px; */top: 1.1vh;/* min-width: 50px; */width: 2vw;/* min-height: 432px; */height: 48.91vh;display: flex;z-index: 799;flex-wrap: nowrap;align-content: center;/* justify-content: space-evenly; */position: absolute;flex-direction: column;}

#vurtdiv{
    /* left: 94px; */
    top: -0.9vh;
    /* min-width: 50px; */
    width: 2vw;
    /* min-height: 432px; */
    height: 44.91vh;
    display: flex;
    z-index: 799;
    flex-wrap: nowrap;
    align-content: stretch;
    /* justify-content: space-evenly; */
    position: absolute;
    flex-direction: column;
    align-items: stretch;
}
/*
 #vertdiv{  left: 500px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      }

#vrtdiv{  left: 700px; top: 1112px; min-width: 100px; width: 200px; min-height: 100px; height: 200px; display: block; z-index: 800;      } */





#smoll{  left:  74px; top: 676px;  display: block; z-index: 805;  }

#smell{  left:  74px; top: 1090px; display: block; z-index: 805;  }

#dell{  left: 878px; top:  1090px;  display: block; z-index: 805;      }

#gell{  left: 878px; top: 676px; display: block; z-index: 805;      }




/*.content {
  background:green;
}

.content .inner {
  background:lightgreen;
}

 /* creates image hover effects */
 
.biglight img:hover {
    opacity: .10;
}