*{margin:0}html,body{height:100%}.wrapper{min-height:100%;height:auto !important;height:100%}footer{height:30px}#twitter-widget-0,.fb-like,#tumblr .btn{margin-right:5px;vertical-align:middle;vertical-align:-webkit-baseline-middle}.fb-like{margin-top:-5px}header .menu ul li.html{border-left:2px solid #f1662a}header .menu ul li.css{border-left:2px solid #33a9dc}header .menu ul li.c{border-left:2px solid #608ceb}header .menu ul li.php{border-left:2px solid #777bb3}header .menu ul li.affinity-designer{border-left:2px solid #1aaef6}header .menu ul li.affinity-photo{border-left:2px solid #cb00e3}header .menu ul li.couchdb{border-left:2px solid #ff0000}header .menu ul li.js{border-left:2px solid #f7df1e}header .menu ul li.ajax{border-left:2px solid #f1c40f}header .menu ul li.nodejs{border-left:2px solid #f7df1e}header .menu ul li.matplotlib{border-left:2px solid #f7df1e}header .menu ul li.jquery{border-left:2px solid #0f64a8}header .menu ul li.reactjs{border-left:2px solid #61dafb}header .menu ul li.grunt{border-left:2px solid #fba919}header .menu ul li.jasmine{border-left:2px solid #8a4182}header .menu ul li.protractor{border-left:2px solid #e13439}.middle-column p{margin:7px 0}.middle-column figure.image figcaption{font-size:12px;margin:15px 0}.middle-column figure.image figcaption span{background-color:#34495e;color:#fff;padding:3px 5px}.middle-column .image{text-align:center}.middle-column .image img{max-width:250px}.middle-column .image small{color:#505050;display:block;font-size:9px;margin:0 5px}.middle-column .image .matplotlib{border:1px solid #ddd;-webkit-box-shadow:-1px -1px 16px -3px rgba(0,0,0,0.75);-moz-box-shadow:-1px -1px 16px -3px rgba(0,0,0,0.75);box-shadow:-1px -1px 16px -3px rgba(0,0,0,0.75)}.middle-column ul{list-style-type:square;margin:5px 0}.middle-column ol{list-style-type:decimal;margin:5px 0}.middle-column ol.sublist{counter-reset:list}.middle-column ol.sublist li{list-style:none}.middle-column ol.sublist li:before{content:counter(list, lower-roman) ") ";counter-increment:list}.middle-column .color-block{display:inline-block;height:10px;width:10px}.middle-column .tutorial-section{font-size:18px;letter-spacing:1.5px}.middle-column .ma-block{display:inline}.middle-column .note{background:#97c02f;color:#fff;margin:1em auto;padding:1em 1.5em;position:relative;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px}.middle-column .note::before{border-color:#658E15 #fff;border-style:solid;border-width:0 16px 16px 0;content:"";position:absolute;right:0;top:0;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2)}.middle-column .note code{background-color:transparent;border-color:transparent}.middle-column .warning{background:#fa3232;color:#fff;margin:1em auto;padding:1em 1.5em;position:relative;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px}.middle-column .warning::before{border-color:#bf0606 #fff;border-style:solid;border-width:0 16px 16px 0;content:"";position:absolute;right:0;top:0;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2)}.middle-column .warning code{background-color:transparent;border-color:transparent}.middle-column.interview{background-color:rgba(0,0,0,0.1)}.middle-column.interview .answer-a{font-weight:700;padding-left:15px}.middle-column ul li,.middle-column ol li{margin-left:40px;margin-top:7px}.middle-column .console{font-family:monospace}article.middle-column .program-list-wrapper .row .cell:first-child{text-align:left}article.middle-column .program-list-wrapper ul.program-list{list-style-type:none;counter-reset:the-counter;padding-left:30px}article.middle-column .program-list-wrapper ul.program-list li{counter-increment:the-counter;display:block;min-height:35px;margin:0 0 .5rem 0;padding-left:25px;position:relative}article.middle-column .program-list-wrapper ul.program-list li:before{border:1px solid #000;content:counter(the-counter) " ";font-weight:700;padding-right:5px;position:absolute;left:-20px;line-height:32px;width:30px;height:30px;text-align:right}article.middle-column .program-list-wrapper ul.program-list li a{border-bottom:0;display:inline-block;font-size:12px;margin-top:6px}article.middle-column .program-list-wrapper ul.program-list li a:hover{border-bottom:1px solid #1abc9c}article.middle-column .program-list-wrapper ul.program-list li small{display:block}article.middle-column .error-code{background-color:rgba(255,0,0,0.4)}.bio .dennis-gabil:hover{border-bottom:1px solid #1abc9c;text-decoration:none}.bio small{font-size:11px}.bio p{font-size:11px;font-style:italic}.code-section{background-color:#f0f8ff;padding:10px 30px}.social-icon{-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;-ms-transition:1s ease-in-out;transition:1s ease-in-out}.social-icon:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.pre-footer{background-color:#ecf0f1;border-top:1px solid rgba(128,128,128,0.34);clear:both;display:table;width:100%}.pre-footer .dennis{display:table-cell;padding:5px 0 10px;vertical-align:middle}.pre-footer .dennis>div{display:table;width:100%}.pre-footer .dennis>div div{display:table-cell;padding:5px 0 10px;vertical-align:top}.pre-footer .dennis>div div.photo{text-align:center;vertical-align:middle;width:25%}.pre-footer .dennis>div div.bio{padding-right:10px;width:75%}.pre-footer .dennis>div div.bio a{color:#000}.pre-footer .dennis>div div.bio a.schyper,.pre-footer .dennis>div div.bio a.adjuvenes{border-bottom:1px solid #333;color:#000;font-weight:600;text-decoration:none}header .menu ul li.html:hover,header .menu ul li.css:hover,header .menuul li.c:hover,header .menu ul li.php:hover,header .menu ul li.affinity-designer:hover,header .menu ul li.affinity-photo:hover,header .menu ul li.couchdb:hover,header .menu ul li.nodejs:hover,header .menu ul li.matplotlib:hover,header .menu ul li.js:hover,header .menu ul li.ajax:hover,header .menu ul li.jquery:hover,header .menu ul li.reactjs:hover,header .menu ul li.grunt:hover,header .menuul li.jasmine:hover,header .menu ul li.protractor:hover{-webkit-transition:border-left-width .1s ease-in-out;-o-transition:border-left-width .1s ease-in-out;-ms-transition:border-left-width .1s ease-in-out;transition:border-left-width .11s ease-in-out;border-left-width:7px}