html, body {
  width:100%;
  height:100%;
  background-color:#E6E6E6;
  text-align:center;
  overflow:hidden;
}
#resizerFrame {
  width:100%;
  max-width:100%;
  height:100%;
  max-height:100%;
  margin:0 auto;
  background:white;
  box-shadow:0 0 50px #000;
  position:relative;
}
#resizer {
  position:fixed;
  top:0;
  z-index:99;
  width:315px;
  left:50%;
  height:2em;
  margin:0 auto;
  margin-left:-162px;
}
#resizer ul {
  -webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.25));
  -moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,.25));
  -ms-filter: drop-shadow(0 1px 5px rgba(0,0,0,.25));
  -o-filter: drop-shadow(0 1px 5px rgba(0,0,0,.25));
  filter: drop-shadow(0 1px 5px rgba(0,0,0,.25));
  margin:-0.2em auto 0;
}
#closeResizer {
  padding:0.3em 0.5em;
  text-decoration:none;
  color:#222;
  text-shadow:0 0 2px rgba(255,255,255,0.65), 0 0 10px rgba(255,255,255,0.5);
}
a.rotate i, a[data-rotate] i {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -mx-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}