body{
  background-color:black;
  color:white;
  font-family:roboto;
  text-align:center;
  overflow:hidden;
  user-select: none;
  font-size:16px;
}
.trigger_container{
  display:flex;
  flex-flow:column wrap;
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  justify-content:center;
  align-items:center;
}
.trigger_in{
  flex:1 0 auto;
  height:150px;
  width:150px;
}
.trigger_a{
  position:relative;
  width:100px;
  height:100px;
  opacity:0.7;
  top:calc(50% - 50px);
  pointer-events:none;
}
.trigger_b{
  position:relative;
  width:100px;
  height:100px;
  opacity:0.7;
  top:calc(50% - 50px);
  pointer-events:none;
}
.trigger_c{
  position:relative;
  width:100px;
  height:100px;
  opacity:0.7;
  top:calc(50% - 50px);
  pointer-events:none;
}
@keyframes trigger_ani {
  0%    {opacity:1;left:0px;}
  1%   {width:150px;height:150px;top:calc(50% - 75px);opacity:1;}
  100%  {opacity:0.7;left:0px;}
}