body{
  background:#393D3F;
}
.lamp_container{
  perspective: 1000px;
  width:300px;
  height:320px;
  display:block;
  margin:auto;
}
.left_side{
  transition:all .3s;
  width:160px;
  height:170px;
  border-right:2px solid #80A1D4;
  background:#E1DFD6;
  position:absolute;
  top:34%;
  left:2%;
    border-top-left-radius:1px;
  transform:  rotateY(-40deg) skewY(19deg);

}
.right_side{
  transition:all .3s;
  width:160px;
  height:170px;
  border-left:2px solid #80A1D4;
  border-top-right-radius:1px;
  background:#F7F4EA;
  position:absolute;
  top:34%;
  right:3%;
  transform:  rotateY(40deg) skewY(-19deg);
}

.top_panel{
  transition:all .3s;
  width:135px;
  height:130px;
  border-left:6px solid #E1DED5;
  border-top:6px solid #F7F4EA;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;
  background:#CBC8C0;
  transform: rotate(45deg) rotateX(40deg) rotateY(-30deg) skew(-20deg) translateZ(25px); 
  position:absolute;
  left:78px;
  top:37px;
}

.base{
    transform-style:preserve-3d;
  width:110px;
  height:110px;
  background:#80A1D4;
  transform: rotate(45deg) rotateX(35deg) rotateY(-30deg) skew(-20deg);
  z-index:-1;
  position:absolute;
  left:95px;
  bottom:-15px;
  border-radius:4px;
}

.shadow{
    transform-style:preserve-3d;
  width:180px;
  height:180px;
  background:black;
  transform: rotate(45deg) rotateX(35deg) rotateY(-30deg) skew(-20deg);
  z-index:-1;
  position:absolute;
  left:60px;
  bottom:-40px;
  opacity:.2;
  border-radius:4px;
  box-shadow:none!important;
  transition:all .3s;
}
.toggleable{
  cursor:pointer;
}
.toggleable:hover>.top_panel{
  top:49px;
}
.toggleable:hover>.left_side{
  top:38%;
}
.toggleable:hover>.right_side{
  top:38%;
}

.toggleable:active>.top_panel{
  top:55px;
}
.toggleable:active>.left_side{
  top:40%;
}
.toggleable:active>.right_side{
  top:40%;
}

.toggled_on>.top_panel{
  background:#E1DED5;
}
.toggled_on>.left_side{
  background:#F9F7EF;
}
.toggled_on>.rigth_side{
  background:#F7F5EB;
}

.toggled_on>.shadow{
 opacity:.1;
  background:black;
}

.toggled_on>div{
  background:white;
  box-shadow:0px 0px 15px white;
}