/*! follow me on bebo http://twitter.com/olegtsaplin */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:'Roboto', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;color:#6e7f8e;background:#19222a;line-height:36px}a{cursor:pointer;color:#505050;-webkit-transition:color 300ms ease-in-out;-moz-transition:color 300ms ease-in-out;-ms-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}::selection{background:#7e92a3;color:white}::-moz-selection{background:#7e92a3;color:white}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.table{width:100%;height:100%;display:table;text-align:center;position:absolute}.table .cell{display:table-cell;vertical-align:middle}h1{font-size:36px;font-weight:300;color:white;padding:0 50px;line-height:1.5}h1 a{color:white;text-decoration:none;position:relative}h1 a:before{content:'';width:100%;height:2px;position:absolute;bottom:-2px;opacity:.3;left:0;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 50%);background-image:linear-gradient(to bottom, rgba(255,255,255,0) 50%, #fff 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 0px}@media not all, only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){h1 a:before{background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 75%, #fff 75%);background-image:linear-gradient(to bottom, rgba(255,255,255,0) 75%, #fff 75%);background-repeat:repeat-x;opacity:.6}}h1 a:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}h1 a:hover{position:relative}h1 a:hover:before{content:'';width:100%;height:2px;position:absolute;bottom:-2px;opacity:.5;left:0;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 50%, #fff 50%);background-image:linear-gradient(to bottom, rgba(255,255,255,0) 50%, #fff 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 0px}@media not all, only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){h1 a:hover:before{background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 75%, #fff 75%);background-image:linear-gradient(to bottom, rgba(255,255,255,0) 75%, #fff 75%);background-repeat:repeat-x;opacity:1}}span{font-weight:400}.avatar{width:100px;height:100px;-webkit-border-radius:100%;border-radius:100%;display:inline-block;background-position:top center;background-size:100% auto;margin-bottom:0px;-webkit-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-moz-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-o-transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);transition:all 500ms cubic-bezier(0.23, 1, 0.32, 1);-moz-transform:scale(0) rotate(180deg);-webkit-transform:scale(0) rotate(180deg);-o-transform:scale(0) rotate(180deg);-ms-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);visibility:hidden;margin-bottom:-100px;opacity:0}.avatar.visible{visibility:visible;margin-bottom:0;opacity:1;-moz-transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}p{margin-top:5px;color:#6e7f8e;margin-bottom:10px}p:last-of-type{margin-bottom:0}p span{color:#cbd9e6;font-weight:400}p a{color:#cbd9e6;font-weight:400}p a:hover{color:white}#tweet{position:absolute;top:40px;right:40px;font-size:14px;color:white}#tweet .button,#tweet .count{float:left;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#tweet .button{padding:0 10px;font-weight:500;background:#55acee;cursor:pointer;-webkit-border-radius:4px 0px 0px 4px;border-radius:4px 0px 0px 4px}#tweet:hover .button{background:#2795e9}#tweet:hover .count{background:#147bc9}#tweet .count{padding:0 10px;background:#2795e9;-webkit-border-radius:0px 4px 4px 0px;border-radius:0px 4px 4px 0px}footer{position:absolute;bottom:40px;left:40px;z-index:10;line-height:20px}footer a{color:#6e7f8e;text-decoration:none}footer a:hover{color:white}footer ul li{display:inline-block;margin-right:20px;text-transform:uppercase;font-size:10px}footer ul li a{opacity:0.3}footer ul li a:hover{opacity:0.5}footer .modal-toggle{width:34px;height:36px;margin-right:20px;display:inline-block;position:relative;cursor:pointer;vertical-align:middle}footer .modal-toggle .dot{width:8px;height:8px;position:absolute;top:50%;display:inline-block;margin-top:-5px;background:#CCCCCC;-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all 500ms cubic-bezier(0.68, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}footer .modal-toggle .dot1{left:0}footer .modal-toggle .dot2{left:50%;margin-left:-4px}footer .modal-toggle .dot3{left:100%;margin-left:-8px}footer .modal-toggle:hover .dot{background:#a9a9a9}footer .modal-toggle.toggled .dot{background:#a9a9a9}footer .modal-toggle.toggled .dot1{left:50%;margin-left:-10px;width:20px;height:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-1px;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}footer .modal-toggle.toggled .dot2{opacity:0}footer .modal-toggle.toggled .dot3{left:50%;margin-left:-10px;width:20px;height:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-1px;-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.overlay{position:fixed;width:100%;background:white;z-index:5;opacity:0;height:100%;top:0;left:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden}.overlay.activated{opacity:1;visibility:visible}.overlay .readme{width:300px;line-height:1.5;text-align:left;font-size:14px;margin:0 auto}.overlay .readme p{color:#6e7f8e;margin-top:0}.overlay .readme p strong{font-weight:600}.overlay .readme p.small{font-size:12px;color:#CCCCCC}.generated{position:absolute;top:40px;left:40px;color:#6e7f8e;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1}.generated.hidden{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.generated span{color:#cbd9e6}#khaled{position:absolute;bottom:40px;right:40px;overflow:hidden;color:#cbd9e6}#khaled:before{background-image:url(images/dreke.png);position:absolute;bottom:-999999px;left:-9999999px;content:''}#khaled .toggle{-webkit-border-radius:36px;border-radius:36px;position:relative;background:#6e7f8e;height:36px;vertical-align:middle;margin-left:20px;width:60px;display:inline-block}#khaled .toggle .inner{width:32px;-webkit-border-radius:100%;border-radius:100%;height:32px;position:absolute;background:#f4f4f4;top:2px;left:2px;z-index:1;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);cursor:pointer;-webkit-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}#khaled .toggle:before{width:100%;height:100%;-webkit-border-radius:36px;border-radius:36px;position:absolute;top:0;left:0;background:#a0ce6f;-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.3);content:'';-webkit-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#khaled .toggle.toggled .inner{left:100%;margin-left:-34px}#khaled .toggle.toggled:before{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.dotted-paper-popover{width:400px;position:absolute;bottom:40px;background:#fff url(images/dotted-paper-popover.png) top left no-repeat;background-size:auto 100%;z-index:100;color:black;-webkit-border-radius:4px;border-radius:4px;right:40px;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:all .3s cubic-bezier(0.075, 0.82, 0.165, 1);-ms-transition:all .3s cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition:all .3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all .3s cubic-bezier(0.075, 0.82, 0.165, 1);transform-origin:right bottom;-webkit-box-shadow:0 0px 1px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 0px 1px 0 rgba(0,0,0,0.2),0 2px 5px 0 rgba(0,0,0,0.1)}.dotted-paper-popover.hidden{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}.dotted-paper-popover .dotted-paper-popover-close{width:30px;height:30px;position:absolute;top:0px;display:inline-block;cursor:pointer;opacity:0.3;right:0px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dotted-paper-popover .dotted-paper-popover-close:hover{opacity:0.6}.dotted-paper-popover .dotted-paper-popover-close:before,.dotted-paper-popover .dotted-paper-popover-close:after{width:10px;height:2px;background:black;-webkit-border-radius:2px;border-radius:2px;content:'';position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-5px}.dotted-paper-popover .dotted-paper-popover-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.dotted-paper-popover .dotted-paper-popover-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.dotted-paper-popover h2{font-size:16px;font-weight:400;margin:0;color:black;line-height:1}.dotted-paper-popover p{font-size:14px;margin:10px 0;color:#6e7f8e;line-height:1.6;font-weight:400}.dotted-paper-popover .dotted-paper-inner{float:right;width:55%}.dotted-paper-popover .dotted-paper-button{padding:0 15px;line-height:36px;color:white;font-size:14px;font-weight:500;background:#d97d68;text-decoration:none;cursor:pointer;display:inline-block;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dotted-paper-popover .dotted-paper-button:hover{background:#cf5a3f}