*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{background:#333}
.header{height:25px;background:#111;color:#fff;text-align:center;font:11px/25px Helvetica,Arial,sans-serif}
.header a{color:#eee}
.header a:hover{text-decoration:none}
.pic{height:200px;width:200px;overflow:hidden;margin:1px;border:1px solid #fff; ;border-radius:50%;float:left}
.pic:hover{cursor:pointer}
.grow img{height:300px;width:300px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.grow img:hover{width:400px;height:400px}
.shrink img{height:400px;width:400px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.shrink img:hover{width:300px;height:300px}
.blur img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.blur img:hover{-webkit-filter:blur(5px)}
.tilt{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.tilt:hover{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
.morph{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.morph:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.sidepan img{margin-left:0;-webkit-transition:margin 1s ease;-moz-transition:margin 1s ease;-o-transition:margin 1s ease;-ms-transition:margin 1s ease;transition:margin 1s ease}
.sidepan img:hover{margin-left:-200px}
.vertpan img{margin-top:0;-webkit-transition:margin 1s ease;-moz-transition:margin 1s ease;-o-transition:margin 1s ease;-ms-transition:margin 1s ease;transition:margin 1s ease}
.vertpan img:hover{margin-top:-200px}
.focus{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.focus:hover{border:50px solid #ffff;border-radius:50%}
.bw{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.bw:hover{-webkit-filter:grayscale(100%)}
.brighten img{-webkit-filter:brightness(-65%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.brighten img:hover{-webkit-filter:brightness(0%)}