#vignette{
  background: radial-gradient(transparent 60%, black),rgba(288, 135, 55, 0.2);
  display:none;
  z-index:100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#flash{
  background: white;
  opacity:0.0;
  display:none;
  z-index:101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  -webkit-animation: example 3s; /* Safari 4+ */
  -moz-animation:    example 3s; /* Fx 5+ */
  -o-animation:      example 3s; /* Opera 12+ */
  animation:         example 3s; /* IE 10+, Fx 29+ */
  animation-play-state: paused;
  -webkit-animation: example 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-play-state: paused;
}
@keyframes example {
  0%   { opacity: 0; }
  10%   { opacity: 1; }
  100%   { opacity: 0; }
} 
@-webkit-keyframes example {
  0%   { opacity: 0; }
  10%   { opacity: 1; }
  100%   { opacity: 0; }
}
@-moz-keyframes example {
  0%   { opacity: 0; }
  10%   { opacity: 1; }
  100%   { opacity: 0; }
}
@-o-keyframes example {
  0%   { opacity: 0; }
  10%   { opacity: 1; }
  100%   { opacity: 0; }
}
@keyframes example {
  0%   { opacity: 0; }
  10%   { opacity: 1; }
  100%   { opacity: 0; }
}