body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}html,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}section,header{display:block}.container{width:100%;position:relative;text-align:center;background:#2d2d2e;color:#fff}.clr{clear:both}.container>header{padding:20px 30px 10px 30px;margin:0 20px 10px 20px;position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-align:center}.container>header h1{font-family:"Lucida Sans",arial,verdana;font-size:35px;line-height:35px;position:relative;font-weight:400;color:#3d7489;text-shadow:1px 1px 1px rgba(0,0,0,.3);padding:0 0 5px 0}.container>header h1 span{color:#80b8ce;text-shadow:0 1px 1px rgba(255,255,255,.8)}.container>header h2{font-size:16px;font-style:italic;color:#82858e;text-shadow:0 1px 1px rgba(255,255,255,.8)}.codrops-top{line-height:24px;font-size:11px;background:rgba(255,255,255,.6);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,.2)}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 1px 1px #fff;display:block;float:left}.codrops-top a:hover{background:#fff}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}p.codrops-demos{text-align:center;display:block;padding:14px}p.codrops-demos a,p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{display:inline-block;border:1px solid #7fb2c1;padding:4px 10px 3px;font-size:13px;line-height:18px;margin:0 3px;font-weight:800;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#b0d4e3;background:-moz-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0d4e3),color-stop(100%,#88bacf));background:-webkit-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-o-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-ms-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:linear-gradient(top,#b0d4e3 0%,#88bacf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 )}p.codrops-demos a:hover{background:#80b8ce}p.codrops-demos a:active{-webkit-box-shadow:0 1px 1px rgba(255,255,255,.4);-moz-box-shadow:0 1px 1px rgba(255,255,255,.4);box-shadow:0 1px 1px rgba(255,255,255,.4)}p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{color:#3d7489;text-shadow:0 1px 1px rgba(255,255,255,.3)}@media screen and (max-width:767px){.container>header{text-align:center}p.codrops-demos{position:relative;top:auto;left:auto}}