* html  { height:100%; }
html, body { height:100%; overflow:hidden;}
body { min-height:100%; margin:0; }
#pendulum { width:100%; height:100%; overflow-x:scroll; overflow-y:scroll; z-index:2; position:relative;}
#poligon { width:175%; height:175%; position:relative;}
#center { display:block; width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-60px 0 0 -30px; cursor:move; background:no-repeat url(k.png) scroll 50% 50%; padding:5px; }
*html #center { background-image: url(k.gif);}
b { position:absolute; width:50%; height:100%; top:0; left:0; border-right:1px solid #FF0;}
i { position:absolute; width:100%; height:50%; top:0; left:0; border-bottom:1px solid #FF0;}
svg { position: absolute; width:100%; height:100%; top:0; left:0; z-index:1;}
#cop { position:absolute; left:15px; bottom:30px; margin:0; border-bottom:none; opacity:0.5;  text-shadow:0 0 10px #666, 0 0 3px #000; color:#fff; text-decoration:none; z-index:100;}
#cop:hover {color:#0f0;}