From 3eca3bb96fd5c39fa30b54facfa129b985453389 Mon Sep 17 00:00:00 2001
From: Tully Foote <tfoote@osrfoundation.org>
Date: Thu, 27 Apr 2017 18:27:21 -0700
Subject: [PATCH] shuffle robot presentation order on the home page and all
 page. For #40

---
 _includes/box-item.html      |  7 ++++++-
 _includes/shuffle-items.html | 12 ++++++++++++
 all.html                     |  3 ++-
 assets/css/main.css          |  2 +-
 index.html                   |  1 +
 src/styl/_home.styl          |  2 +-
 6 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 _includes/shuffle-items.html

diff --git a/_includes/box-item.html b/_includes/box-item.html
index 4b221129..008995f3 100644
--- a/_includes/box-item.html
+++ b/_includes/box-item.html
@@ -1,4 +1,9 @@
-<article class="box-item post-{{post.main-class}}" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
+{% if post.title == site.featured_robot %}
+   {% assign element_class = 'featured-item' %}
+{% else %}
+   {% assign element_class = 'box-item' %}
+{% endif %}
+<article class="{{ element_class }} post-{{post.main-class}}" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
         <span class="ribbon">
           {% if post.title == site.featured_robot %}
           <a href="{{ post.url | prepend: site.baseurl }}"><span>Featured</span></a>
diff --git a/_includes/shuffle-items.html b/_includes/shuffle-items.html
new file mode 100644
index 00000000..84b9ccc0
--- /dev/null
+++ b/_includes/shuffle-items.html
@@ -0,0 +1,12 @@
+<!-- Include after a set of box-items to shuffle them -->
+
+<script type="text/javascript" src="/assets/js/jquery-min.js"></script>
+
+<script type="text/javascript">
+var boxes = $(".box-item");
+for(var i = 0; i < boxes.length; i++){
+    var target = Math.floor(Math.random() * boxes.length -1) + 1;
+    var target2 = Math.floor(Math.random() * boxes.length -1) +1;
+    boxes.eq(target).before(boxes.eq(target2));
+}
+</script>
diff --git a/all.html b/all.html
index 8307f010..622fffa8 100644
--- a/all.html
+++ b/all.html
@@ -5,7 +5,8 @@
 <main class="post-content" id="post" role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
     <div style="padding-top: 33px" id="grid" class="row flex-grid">
     {% for post in site.posts %}
-      {% include box-item.html %}
+        {% include box-item.html %}
     {% endfor %}
+    {% include shuffle-items.html %}
     </div>
 </main>
diff --git a/assets/css/main.css b/assets/css/main.css
index 3e1892e4..f4d40bdb 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1 +1 @@
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal}.text-center{text-align:center}.icons-home{text-align:center;}.icons-home a{display:inline-block;padding:.938rem;margin:.125rem;border-radius:50%;border:.125rem solid #fff;line-height:0;transition:all .7s;}.icons-home a .icon{fill:#fff;width:18px;height:18px;}@media only screen and (min-width:37.5rem){.icons-home a .icon{width:30px;height:30px}}.icons-home a:hover{background:#fff;}.icons-home a:hover .icon{fill:#005f97}.down{position:absolute;bottom:50px;width:100%;display:block;text-align:center;}.down .icon{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;height:100px;fill:#fff;-webkit-animation:pulse 1.3s infinite;animation:pulse 1.3s infinite}*,*:before,*:after{box-sizing:border-box}body{left:0;right:0;margin:auto}a,aside,.overlay,body{transition:all .25s ease}a.slideButton,.dosearch{position:fixed;display:block;width:40px;height:40px;top:10px;z-index:17}.slideButton{right:60px}.dosearch{right:10px;border-radius:.188rem;padding:.125rem .188rem}.icon-menu{cursor:pointer;padding:.313rem;border-radius:.188rem;width:2.5rem;height:2.5rem;fill:#005f97}.icon-search{width:2.188rem;height:2.188rem}.overlay{cursor:pointer}#close{display:none;fill:#fff}aside{position:fixed;height:100%;width:15rem;padding:2.5rem 0 0;overflow-y:auto;top:0;right:-15rem;background-color:#005f97;z-index:20;box-shadow:inset -10px -1px 15px -9px rgba(0,0,0,0.5);}aside h2{text-align:center;margin:0 0 .625rem;font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;font-size:1.25rem;color:#fff}aside nav ul{padding:0}aside nav li{margin:0;list-style-type:none;}aside nav li a{width:100%;display:block;padding:1.25rem;text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;color:#fff;border-top:1px solid #fff;}aside nav li a:hover{color:#005f97;background:#fff}aside nav li a img{position:absolute;right:15px;width:25px}aside nav .feed{border-bottom:1px solid #fff}aside.slide{right:0}.slide #close{right:15.625rem;position:fixed;pointer-events:none}.overlay{position:fixed;width:100%;height:100%;top:0;right:0;pointer-events:none;background:transparent;z-index:17;}.overlay.slide{pointer-events:auto;background:rgba(0,0,0,0.6)}input[type="search"]{-ms-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.search-wrapper{z-index:19;}.search-wrapper.active{-webkit-transform:translateY(0);transform:translateY(0)}.search-form{position:relative;top:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);z-index:19;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all 200ms 100ms cubic-bezier(0,.6,.4,1);}.search-form h4{margin:.625rem 0}.search-form .search-field{width:100%;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.625rem;color:#fff;background-color:transparent;border:0;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;background-clip:padding-box;-webkit-appearance:none;}.search-form .search-field:focus{outline:0;box-shadow:none}.search-form.active{top:0;-webkit-transform:translateX(0);transform:translateX(0);-ms-filter:none;-webkit-filter:none;filter:none;opacity:1}.search-form.hidden{display:none}.search-form .icon-remove-sign{position:absolute;top:0;right:0;z-index:1;display:block;fill:#fff;width:30px;height:30px;text-align:center;cursor:pointer}.search-form::-webkit-input-placeholder{font-size:1.625rem}.search-form .search-field::-webkit-search-decoration,.search-form .search-field::-webkit-search-cancel-button,.search-form .search-field::-webkit-search-results-button,.search-form .search-field::-webkit-search-results-decoration{display:none}.search-form .search-list{position:absolute;width:100%;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;display:none;}.active .search-form .search-list{display:block}.search-form h4,.search-form li,.search-form p,.search-form a,.search-form a:hover{color:#fff}body.search-overlay{overflow:hidden;}body.search-overlay:after{position:fixed;top:0;left:0;z-index:18;width:100%;height:100%;min-height:100%;background-color:rgba(0,0,0,0.6);content:'';}@media only screen and (max-width:37.5rem){body.search-overlay:after{background-color:#005f97}}.search-wrapper{position:fixed;top:50px;width:100%;padding-right:10%;padding-left:10%;-webkit-transform:translateY(-200px);transform:translateY(-200px);}.search-wrapper *zoom 1:after,.search-wrapper *zoom 1:before{display:table;line-height:0;content:""}.search-wrapper *zoom 1:after{clear:both}.search-wrapper:before,.search-wrapper:after{display:table;line-height:0;content:""}.search-list{padding:0;margin:0;list-style-type:none;}@media only screen and (max-width:37.5rem){.search-list{height:380px;overflow:scroll}}.search-list .entry-date{float:right;display:none;font-size:14px;text-transform:uppercase}.search-list a{text-decoration:none;display:block;padding:.938rem 0;width:100%;border-bottom:1px solid #fff;}.search-list a:hover{color:#b3b3b3;border-bottom:1px solid #b3b3b3}@media only screen and (min-width:48em){.search-wrapper{top:100px}.search-list .entry-date{display:inline}}.post-content .tags{margin-top:1.875rem;}.post-content .tags a{font-size:.875rem;color:#005f97;display:inline-block;border:1px solid #005f97;border-radius:.313rem;padding:.25rem .625rem;margin-right:.125rem;margin-bottom:.5rem;text-decoration:none;}.post-content .tags a:hover{color:#00395b;border:1px solid #00395b;background:#fff}.img-rounded{border-radius:50%}html,body{height:100%}.header-post{background-color:#005f97;}.header-post .content{width:95%;text-align:center;padding:8.75rem 0 4.125rem}.bar-header{background:#fff;padding:.625rem 1.25rem;box-shadow:0 -3px 9px #000;position:fixed;width:100%;z-index:10;}.bar-header .logo{margin:0;line-height:2.188rem}.bar-header .logo a{color:#005f97;text-decoration:none;font-size:1.75rem}.header-post{min-height:18.75rem;position:fixed;width:100%;}.header-post img{height:auto;max-height:450px;max-width:100%;width:auto}.header-post .content{margin:auto;max-width:50rem;padding-top:75px}.header-post .subheader{display:table;padding:20px;}.header-post .subheader a{border:2px solid #fff;border-radius:20px;padding:0 10px;}@media only screen and (min-width:37.5rem){.header-post .subheader a{padding:0 10px}}.header-post .date{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1rem}.header-post h1{font-size:1.875rem;margin:0 0 30px;text-shadow:3px 3px #004c79;}@media only screen and (min-width:37.5rem){.header-post h1{font-size:3.75rem}}.header-post .subtitle{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.25rem}.header-post h1,.header-post .subtitle,.header-post .date{color:#000;text-align:center}.header-post a,.header-post p{color:#fff;text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.125rem}main{padding-top:3.75rem}.row{*zoom:1;width:auto;max-width:64.375rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}.row:before,.row:after{content:'';display:table}.row:after{clear:both}.flex-grid{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.header-category{*zoom:1;width:auto;max-width:62.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}.header-category:before,.header-category:after{content:'';display:table}.header-category:after{clear:both}.header-category img{padding-right:.938rem}.title-category{*zoom:1;width:auto;max-width:62.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;font-size:2.5rem;margin-top:0;text-transform:uppercase;padding:0 .938rem}.title-category:before,.title-category:after{content:'';display:table}.title-category:after{clear:both}.box-item{-ms-flex:1 0 300px;flex:1 0 300px;margin:0 .938rem 3.125rem;display:inline-block;border:1px solid #eee;border-radius:5px;min-height:17.813rem;transition:all .3s;position:relative;}.box-item:hover{box-shadow:1px 2px 10px #eee}.box-item a{text-decoration:none;}.box-item a:hover .box-item{box-shadow:10px 10px 10px #eee}.box-item .box-body{padding:1.563rem;}.box-item .box-body time{font-size:.875rem;color:#b2bac2}.box-item .box-body h2{margin:.313rem 0 .938rem;font-size:1.25rem;font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;color:#005f97;}.box-item .box-body p{margin:0 0 1.25rem;color:#576366;font-size:.875rem;line-height:1.375rem}.box-item .box-body .tags a{color:#005f97;padding:.313rem .625rem;border-radius:3px;display:inline-block;margin:0 0 .313rem;z-index:50}.box-item .box-body .tags{position:absolute;bottom:0}.box-item .box-body img{padding-bottom:50px}.small-box-item{-ms-flex:1 0 auto;flex:1 0 auto;margin:0 1rem 1rem;display:inline-block;border:1px solid #eee;border-radius:5px;min-height:3rem;transition:all .3s;position:relative;}.small-box-item:hover{box-shadow:1px 2px 10px #eee}.small-box-item .small-box-body img{width:8rem}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;}.ribbon span{font-size:.75rem;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#b31917;position:absolute;top:19px;right:-21px;}.ribbon span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #005f97;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #005f97}.ribbon span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #005f97;border-bottom:3px solid transparent;border-top:3px solid #005f97}.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content h5:before,.tag-title:before{display:block;content:" ";margin-top:-60px;height:75px;visibility:hidden}.post{position:relative;top:2.063rem;background:#fff}.header-post + .post{top:31.25rem}.post-content{padding:.625rem 0;}.post-content img{max-width:100%;margin:1.875rem auto;display:block}.post-content p,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content ul,.post-content ol,.post-content .tags,.post-content iframe,.post-content .button-post{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;margin:0 auto 1.875rem;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.125rem;letter-spacing:.01rem;}.post-content p:before,.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content ul:before,.post-content ol:before,.post-content .tags:before,.post-content iframe:before,.post-content .button-post:before,.post-content p:after,.post-content h1:after,.post-content h2:after,.post-content h3:after,.post-content h4:after,.post-content ul:after,.post-content ol:after,.post-content .tags:after,.post-content iframe:after,.post-content .button-post:after{content:'';display:table}.post-content p:after,.post-content h1:after,.post-content h2:after,.post-content h3:after,.post-content h4:after,.post-content ul:after,.post-content ol:after,.post-content .tags:after,.post-content iframe:after,.post-content .button-post:after{clear:both}@media only screen and (min-width:37.5rem){.post-content p,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content ul,.post-content ol,.post-content .tags,.post-content iframe,.post-content .button-post{font-size:1.25rem}}.post-content li{padding:.063rem 0;ulmargin-bottom:0;line-height:1}.post-content p,.post-content li{color:#333;}.post-content p code,.post-content li code{color:#005f97;word-wrap:break-word}.post-content a{color:#005f97;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;transition:all .3s}.post-content .externalLink:after{display:inline-block;content:'';color:#005f97;background-image:url("../img/external.svg");background-size:100%;margin-left:.313rem;width:1.125rem;height:1.125rem}.post-content iframe{margin-top:1.875rem;width:100%}.post-content #twitter-widget-0,.post-content .instagram-media{margin:auto !important}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;}.post-content h1{font-size:1.875rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h1{font-size:2.813rem}}.post-content h2{font-size:1.375rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h2{font-size:2.188rem}}.post-content h3{font-size:1.125rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h3{font-size:1.563rem}}.post-content ul,.post-content ol{padding-left:2.5rem}.post-content ul.post-list{padding:0;}.post-content ul.post-list.svg-serie p{padding:0}@media only screen and (max-width:37.5rem){.post-content ul.post-list{padding:0 1.25rem}}.post-content blockquote{*zoom:1;width:auto;max-width:45.625rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;border-left:.313rem solid #005f97;padding:0 1.875rem;margin:3.125rem auto;}.post-content blockquote:before,.post-content blockquote:after{content:'';display:table}.post-content blockquote:after{clear:both}@media only screen and (max-width:37.5rem){.post-content blockquote{width:90%}}.post-content blockquote p{color:rgba(0,0,0,0.6);margin:0;}@media only screen and (max-width:37.5rem){.post-content blockquote p{font-size:1.125rem;line-height:1.5;padding:0}}.post-content hr{*zoom:1;width:auto;max-width:47.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;border:1px solid #f2f2f2;margin:50px auto}.post-content hr:before,.post-content hr:after{content:'';display:table}.post-content hr:after{clear:both}.post-content > table{margin:3.125rem auto;}@media only screen and (max-width:37.5rem){.post-content > table{display:none}}.post-content > table th,.post-content > table td{border:.125rem solid #ccc;padding:.313rem}.post-content td > pre{padding:0;margin:0}.post-content td.gutter.gl{padding-right:1.563rem;line-height:1.5rem}.tag-title{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:2.25rem;margin-top:3.75rem;*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;}.tag-title:before,.tag-title:after{content:'';display:table}.tag-title:after{clear:both}@media only screen and (max-width:37.5rem){.tag-title{font-size:1.75rem;margin-top:1.25rem;padding:0 1.25rem}}.post-list{list-style:none;margin:1.563rem auto;}@media only screen and (max-width:37.5rem){.post-list{padding:0 1.25rem}}.post-list a{display:block;border-bottom:1px solid #dadada;padding:.625rem 0;text-decoration:none;transition:all .5s;}.post-list a:hover{color:#002f4c;border-bottom:1px solid #002f4c;background:#fff}.post-list .entry-date{float:right;}@media only screen and (max-width:37.5rem){.post-list .entry-date{display:none}}.question{border:2px solid #808080;border-radius:15px;text-align:left;}.question p{color:#000}.question a,.question h3{color:#000;border-bottom:none}.question .updated{color:#000}.question .answer{color:#000;border-radius:15px;height:12.5rem;overflow:hidden}.question .answers_header{padding:.938rem .938rem 0 .938rem}.share{*zoom:1;width:auto;max-width:800px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;text-align:center;border-top:1px solid #f2f2f2;padding-top:1.25rem;}.share:before,.share:after{content:'';display:table}.share:after{clear:both}article .share{border-top:none}.share svg{margin:.938rem;width:35px;height:35px}.share a{text-decoration:none;border:none}.questions{*zoom:1;width:auto;max-width:800px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;color:#000;text-align:center;border-top:1px solid #f2f2f2;padding-top:1.25rem;line-height:1.5rem;font-family:Arial;}.questions:before,.questions:after{content:'';display:table}.questions:after{clear:both}article .questions{border-top:none}.questions svg{margin:.938rem;width:35px;height:35px}.questions a{text-decoration:none;border:none}.questions .question .updated{font-weight:bold}.questions .question .answer{border:2px solid #d3d3d3;margin:10px;padding:10px;background-color:#fff;}.questions .question .answer:hover{color:#002f4c;background-color:#f2f2f2}pre{background:#222;width:100%;padding:1.25rem 0;color:#fff;margin:1.875rem 0;font-size:.875rem;}@media only screen and (min-width:37.5rem){pre{font-size:1rem;padding:2.5rem 0;margin:3.125rem 0}}pre code{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;}pre code:before,pre code:after{content:'';display:table}pre code:after{clear:both}@media only screen and (max-width:37.5rem){pre code{overflow-x:scroll}}pre span{line-height:1.5rem;font-family:'Monaco','Consolas','Menlo',monospace}.highlight{margin:1.25rem 0;}@media only screen and (min-width:37.5rem){.highlight{word-wrap:break-word}}.highlight .hll{background-color:#333}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .no{color:#66d9ef}.highlight .l,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .se,.highlight .il{color:#ae81ff}.highlight .o,.highlight .p{color:#f7f7f2}.highlight .m,.highlight .n,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .py,.highlight .nv,.highlight .w,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#a4d043}.highlight .kn,.highlight .nt,.highlight .ow{color:#f92672}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .ld,.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#e6db74}.highlight .na,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .nx{color:#a6e22e}.author{background:#f2f2f2;display:table;width:100%;padding:2.5rem 0;margin:2.5rem 0;}@media only screen and (min-width:37.5rem){.author{padding:3.125rem 0}}.author .details{margin:auto;max-width:50rem;padding:0 1.25rem;}@media only screen and (max-width:37.5rem){.author .details{text-align:center}}.author img{border-radius:50%;display:block;margin:auto;}@media only screen and (min-width:37.5rem){.author img{float:left;margin-right:3.125rem}}.author .def{color:#808080;font-size:1.125rem;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;margin:.625rem;}@media only screen and (min-width:37.5rem){.author .def{margin:0;padding-top:1.563rem}}.author .name{margin:0;}.author .name a{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;text-decoration:none;color:#000;font-size:1.875rem;}.author .name a:hover{color:#005f97}@media only screen and (min-width:37.5rem){.author .name a{font-size:2.813rem}}.author .desc{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;margin:.625rem;font-size:1rem;}@media only screen and (min-width:37.5rem){.author .desc{font-size:1.25rem}}.author .email{text-decoration:none;color:#005f97}.comments{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;}.comments:before,.comments:after{content:'';display:table}.comments:after{clear:both}.comments h3{margin:0 0 1.875rem;font-size:1.875rem}footer{background:#005f97;padding:1.563rem 0;margin-top:100px;}footer p,footer a{text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;color:#fff;text-align:center;margin:0}.post-aerial .title-category{color:#b31917}.post-aerial .post-content h1,.post-aerial .post-content h2,.post-aerial .post-content h3,.post-aerial .post-content h4{color:#b31917;}.post-aerial .post-content h1 a,.post-aerial .post-content h2 a,.post-aerial .post-content h3 a,.post-aerial .post-content h4 a{border-bottom:2px dashed #b31917}.post-aerial .post-content a{color:#b31917;}.post-aerial .post-content a:hover{background-color:#b31917;color:#fff}.post-aerial .post-content strong{color:#b31917}.post-aerial .post-content p code,.post-aerial .post-content li code{color:#b31917}.post-aerial .post-content blockquote{border-left:.313rem solid #b31917}.post-aerial .header-post,.post-aerial .header-site{background-color:#b31917;}.post-aerial .header-post h1,.post-aerial .header-site h1{color:#b31917;text-shadow:3px 3px #8f1412}.post-aerial .header-post p,.post-aerial .header-site p{color:#5a0d0c;margin:10px}.post-aerial .bar-header .logo a{color:#b31917}.post-aerial .author .email{color:#b31917}.post-aerial .share a:hover svg{fill:#b31917}@media only screen and (max-width:37.5rem){.post-aerial body.search-overlay:after{background-color:#b31917}}.post-aerial .icon-menu{fill:#b31917}.post-aerial .box-body h2{color:#b31917}.post-aerial .box-body .tags a{color:#b31917;border:1px solid #b31917}.post-aerial .box-body .category{width:50%;float:right}.post-aerial .box-body .category button{border:1px solid #b31917;padding:5px 10px;border-radius:5px}.post-aerial .box-body .resources{width:50%;float:right}.post-aerial .box-body .resources button{border:1px solid #b31917;padding:5px 10px;border-radius:5px}.post-aerial .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-aerial .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-aerial .robot-photo img{border-radius:15px;border:5px solid #8f1412;max-height:25rem;max-width:22.5rem}.post-aerial .infobox{width:30%;min-width:25rem;border:5px solid #8f1412;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-aerial .infobox a{color:#8f1412}.post-aerial .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-aerial .post-category{width:100%}.post-aerial .post-category a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial .post-resources{width:100%}.post-aerial .post-resources a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial .post-tags{width:100%}.post-aerial .post-tags a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial aside{background-color:#b31917;}.post-aerial aside nav li a:hover{color:#b31917}.post-aerial .ribbon span{background-color:#b31917;}.post-aerial .ribbon span:before{border-left:3px solid #7d1210;border-top:3px solid #7d1210}.post-aerial .ribbon span:after{border-right:3px solid #7d1210;border-top:3px solid #7d1210}.post-aerial footer{background-color:#b31917}.post-aerial .question{border:1px solid #b31917}.post-component .title-category{color:#000}.post-component .post-content h1,.post-component .post-content h2,.post-component .post-content h3,.post-component .post-content h4{color:#000;}.post-component .post-content h1 a,.post-component .post-content h2 a,.post-component .post-content h3 a,.post-component .post-content h4 a{border-bottom:2px dashed #000}.post-component .post-content a{color:#000;}.post-component .post-content a:hover{background-color:#000;color:#fff}.post-component .post-content strong{color:#000}.post-component .post-content p code,.post-component .post-content li code{color:#000}.post-component .post-content blockquote{border-left:.313rem solid #000}.post-component .header-post,.post-component .header-site{background-color:#000;}.post-component .header-post h1,.post-component .header-site h1{color:#000;text-shadow:3px 3px #000}.post-component .header-post p,.post-component .header-site p{color:#000;margin:10px}.post-component .bar-header .logo a{color:#000}.post-component .author .email{color:#000}.post-component .share a:hover svg{fill:#000}@media only screen and (max-width:37.5rem){.post-component body.search-overlay:after{background-color:#000}}.post-component .icon-menu{fill:#000}.post-component .box-body h2{color:#000}.post-component .box-body .tags a{color:#000;border:1px solid #000}.post-component .box-body .category{width:50%;float:right}.post-component .box-body .category button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-component .box-body .resources{width:50%;float:right}.post-component .box-body .resources button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-component .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-component .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-component .robot-photo img{border-radius:15px;border:5px solid #000;max-height:25rem;max-width:22.5rem}.post-component .infobox{width:30%;min-width:25rem;border:5px solid #000;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-component .infobox a{color:#000}.post-component .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-component .post-category{width:100%}.post-component .post-category a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component .post-resources{width:100%}.post-component .post-resources a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component .post-tags{width:100%}.post-component .post-tags a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component aside{background-color:#000;}.post-component aside nav li a:hover{color:#000}.post-component .ribbon span{background-color:#000;}.post-component .ribbon span:before{border-left:3px solid #000;border-top:3px solid #000}.post-component .ribbon span:after{border-right:3px solid #000;border-top:3px solid #000}.post-component footer{background-color:#000}.post-component .question{border:1px solid #000}.post-marine .title-category{color:#032aaf}.post-marine .post-content h1,.post-marine .post-content h2,.post-marine .post-content h3,.post-marine .post-content h4{color:#032aaf;}.post-marine .post-content h1 a,.post-marine .post-content h2 a,.post-marine .post-content h3 a,.post-marine .post-content h4 a{border-bottom:2px dashed #032aaf}.post-marine .post-content a{color:#032aaf;}.post-marine .post-content a:hover{background-color:#032aaf;color:#fff}.post-marine .post-content strong{color:#032aaf}.post-marine .post-content p code,.post-marine .post-content li code{color:#032aaf}.post-marine .post-content blockquote{border-left:.313rem solid #032aaf}.post-marine .header-post,.post-marine .header-site{background-color:#032aaf;}.post-marine .header-post h1,.post-marine .header-site h1{color:#032aaf;text-shadow:3px 3px #02228c}.post-marine .header-post p,.post-marine .header-site p{color:#011558;margin:10px}.post-marine .bar-header .logo a{color:#032aaf}.post-marine .author .email{color:#032aaf}.post-marine .share a:hover svg{fill:#032aaf}@media only screen and (max-width:37.5rem){.post-marine body.search-overlay:after{background-color:#032aaf}}.post-marine .icon-menu{fill:#032aaf}.post-marine .box-body h2{color:#032aaf}.post-marine .box-body .tags a{color:#032aaf;border:1px solid #032aaf}.post-marine .box-body .category{width:50%;float:right}.post-marine .box-body .category button{border:1px solid #032aaf;padding:5px 10px;border-radius:5px}.post-marine .box-body .resources{width:50%;float:right}.post-marine .box-body .resources button{border:1px solid #032aaf;padding:5px 10px;border-radius:5px}.post-marine .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-marine .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-marine .robot-photo img{border-radius:15px;border:5px solid #02228c;max-height:25rem;max-width:22.5rem}.post-marine .infobox{width:30%;min-width:25rem;border:5px solid #02228c;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-marine .infobox a{color:#02228c}.post-marine .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-marine .post-category{width:100%}.post-marine .post-category a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine .post-resources{width:100%}.post-marine .post-resources a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine .post-tags{width:100%}.post-marine .post-tags a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine aside{background-color:#032aaf;}.post-marine aside nav li a:hover{color:#032aaf}.post-marine .ribbon span{background-color:#032aaf;}.post-marine .ribbon span:before{border-left:3px solid #021d7b;border-top:3px solid #021d7b}.post-marine .ribbon span:after{border-right:3px solid #021d7b;border-top:3px solid #021d7b}.post-marine footer{background-color:#032aaf}.post-marine .question{border:1px solid #032aaf}.post-meta .title-category{color:#7d669e}.post-meta .post-content h1,.post-meta .post-content h2,.post-meta .post-content h3,.post-meta .post-content h4{color:#7d669e;}.post-meta .post-content h1 a,.post-meta .post-content h2 a,.post-meta .post-content h3 a,.post-meta .post-content h4 a{border-bottom:2px dashed #7d669e}.post-meta .post-content a{color:#7d669e;}.post-meta .post-content a:hover{background-color:#7d669e;color:#fff}.post-meta .post-content strong{color:#7d669e}.post-meta .post-content p code,.post-meta .post-content li code{color:#7d669e}.post-meta .post-content blockquote{border-left:.313rem solid #7d669e}.post-meta .header-post,.post-meta .header-site{background-color:#7d669e;}.post-meta .header-post h1,.post-meta .header-site h1{color:#7d669e;text-shadow:3px 3px #64517f}.post-meta .header-post p,.post-meta .header-site p{color:#3e3250;margin:10px}.post-meta .bar-header .logo a{color:#7d669e}.post-meta .author .email{color:#7d669e}.post-meta .share a:hover svg{fill:#7d669e}@media only screen and (max-width:37.5rem){.post-meta body.search-overlay:after{background-color:#7d669e}}.post-meta .icon-menu{fill:#7d669e}.post-meta .box-body h2{color:#7d669e}.post-meta .box-body .tags a{color:#7d669e;border:1px solid #7d669e}.post-meta .box-body .category{width:50%;float:right}.post-meta .box-body .category button{border:1px solid #7d669e;padding:5px 10px;border-radius:5px}.post-meta .box-body .resources{width:50%;float:right}.post-meta .box-body .resources button{border:1px solid #7d669e;padding:5px 10px;border-radius:5px}.post-meta .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-meta .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-meta .robot-photo img{border-radius:15px;border:5px solid #64517f;max-height:25rem;max-width:22.5rem}.post-meta .infobox{width:30%;min-width:25rem;border:5px solid #64517f;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-meta .infobox a{color:#64517f}.post-meta .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-meta .post-category{width:100%}.post-meta .post-category a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta .post-resources{width:100%}.post-meta .post-resources a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta .post-tags{width:100%}.post-meta .post-tags a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta aside{background-color:#7d669e;}.post-meta aside nav li a:hover{color:#7d669e}.post-meta .ribbon span{background-color:#7d669e;}.post-meta .ribbon span:before{border-left:3px solid #57476f;border-top:3px solid #57476f}.post-meta .ribbon span:after{border-right:3px solid #57476f;border-top:3px solid #57476f}.post-meta footer{background-color:#7d669e}.post-meta .question{border:1px solid #7d669e}.post-ground .title-category{color:#10aa00}.post-ground .post-content h1,.post-ground .post-content h2,.post-ground .post-content h3,.post-ground .post-content h4{color:#10aa00;}.post-ground .post-content h1 a,.post-ground .post-content h2 a,.post-ground .post-content h3 a,.post-ground .post-content h4 a{border-bottom:2px dashed #10aa00}.post-ground .post-content a{color:#10aa00;}.post-ground .post-content a:hover{background-color:#10aa00;color:#fff}.post-ground .post-content strong{color:#10aa00}.post-ground .post-content p code,.post-ground .post-content li code{color:#10aa00}.post-ground .post-content blockquote{border-left:.313rem solid #10aa00}.post-ground .header-post,.post-ground .header-site{background-color:#10aa00;}.post-ground .header-post h1,.post-ground .header-site h1{color:#10aa00;text-shadow:3px 3px #0d8800}.post-ground .header-post p,.post-ground .header-site p{color:#085500;margin:10px}.post-ground .bar-header .logo a{color:#10aa00}.post-ground .author .email{color:#10aa00}.post-ground .share a:hover svg{fill:#10aa00}@media only screen and (max-width:37.5rem){.post-ground body.search-overlay:after{background-color:#10aa00}}.post-ground .icon-menu{fill:#10aa00}.post-ground .box-body h2{color:#10aa00}.post-ground .box-body .tags a{color:#10aa00;border:1px solid #10aa00}.post-ground .box-body .category{width:50%;float:right}.post-ground .box-body .category button{border:1px solid #10aa00;padding:5px 10px;border-radius:5px}.post-ground .box-body .resources{width:50%;float:right}.post-ground .box-body .resources button{border:1px solid #10aa00;padding:5px 10px;border-radius:5px}.post-ground .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-ground .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-ground .robot-photo img{border-radius:15px;border:5px solid #0d8800;max-height:25rem;max-width:22.5rem}.post-ground .infobox{width:30%;min-width:25rem;border:5px solid #0d8800;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-ground .infobox a{color:#0d8800}.post-ground .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-ground .post-category{width:100%}.post-ground .post-category a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground .post-resources{width:100%}.post-ground .post-resources a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground .post-tags{width:100%}.post-ground .post-tags a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground aside{background-color:#10aa00;}.post-ground aside nav li a:hover{color:#10aa00}.post-ground .ribbon span{background-color:#10aa00;}.post-ground .ribbon span:before{border-left:3px solid #0b7700;border-top:3px solid #0b7700}.post-ground .ribbon span:after{border-right:3px solid #0b7700;border-top:3px solid #0b7700}.post-ground footer{background-color:#10aa00}.post-ground .question{border:1px solid #10aa00}.post-sensor .title-category{color:#000}.post-sensor .post-content h1,.post-sensor .post-content h2,.post-sensor .post-content h3,.post-sensor .post-content h4{color:#000;}.post-sensor .post-content h1 a,.post-sensor .post-content h2 a,.post-sensor .post-content h3 a,.post-sensor .post-content h4 a{border-bottom:2px dashed #000}.post-sensor .post-content a{color:#000;}.post-sensor .post-content a:hover{background-color:#000;color:#fff}.post-sensor .post-content strong{color:#000}.post-sensor .post-content p code,.post-sensor .post-content li code{color:#000}.post-sensor .post-content blockquote{border-left:.313rem solid #000}.post-sensor .header-post,.post-sensor .header-site{background-color:#000;}.post-sensor .header-post h1,.post-sensor .header-site h1{color:#000;text-shadow:3px 3px #000}.post-sensor .header-post p,.post-sensor .header-site p{color:#000;margin:10px}.post-sensor .bar-header .logo a{color:#000}.post-sensor .author .email{color:#000}.post-sensor .share a:hover svg{fill:#000}@media only screen and (max-width:37.5rem){.post-sensor body.search-overlay:after{background-color:#000}}.post-sensor .icon-menu{fill:#000}.post-sensor .box-body h2{color:#000}.post-sensor .box-body .tags a{color:#000;border:1px solid #000}.post-sensor .box-body .category{width:50%;float:right}.post-sensor .box-body .category button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-sensor .box-body .resources{width:50%;float:right}.post-sensor .box-body .resources button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-sensor .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-sensor .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-sensor .robot-photo img{border-radius:15px;border:5px solid #000;max-height:25rem;max-width:22.5rem}.post-sensor .infobox{width:30%;min-width:25rem;border:5px solid #000;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-sensor .infobox a{color:#000}.post-sensor .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-sensor .post-category{width:100%}.post-sensor .post-category a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor .post-resources{width:100%}.post-sensor .post-resources a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor .post-tags{width:100%}.post-sensor .post-tags a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor aside{background-color:#000;}.post-sensor aside nav li a:hover{color:#000}.post-sensor .ribbon span{background-color:#000;}.post-sensor .ribbon span:before{border-left:3px solid #000;border-top:3px solid #000}.post-sensor .ribbon span:after{border-right:3px solid #000;border-top:3px solid #000}.post-sensor footer{background-color:#000}.post-sensor .question{border:1px solid #000}
\ No newline at end of file
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal}.text-center{text-align:center}.icons-home{text-align:center;}.icons-home a{display:inline-block;padding:.938rem;margin:.125rem;border-radius:50%;border:.125rem solid #fff;line-height:0;transition:all .7s;}.icons-home a .icon{fill:#fff;width:18px;height:18px;}@media only screen and (min-width:37.5rem){.icons-home a .icon{width:30px;height:30px}}.icons-home a:hover{background:#fff;}.icons-home a:hover .icon{fill:#005f97}.down{position:absolute;bottom:50px;width:100%;display:block;text-align:center;}.down .icon{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;height:100px;fill:#fff;-webkit-animation:pulse 1.3s infinite;animation:pulse 1.3s infinite}*,*:before,*:after{box-sizing:border-box}body{left:0;right:0;margin:auto}a,aside,.overlay,body{transition:all .25s ease}a.slideButton,.dosearch{position:fixed;display:block;width:40px;height:40px;top:10px;z-index:17}.slideButton{right:60px}.dosearch{right:10px;border-radius:.188rem;padding:.125rem .188rem}.icon-menu{cursor:pointer;padding:.313rem;border-radius:.188rem;width:2.5rem;height:2.5rem;fill:#005f97}.icon-search{width:2.188rem;height:2.188rem}.overlay{cursor:pointer}#close{display:none;fill:#fff}aside{position:fixed;height:100%;width:15rem;padding:2.5rem 0 0;overflow-y:auto;top:0;right:-15rem;background-color:#005f97;z-index:20;box-shadow:inset -10px -1px 15px -9px rgba(0,0,0,0.5);}aside h2{text-align:center;margin:0 0 .625rem;font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;font-size:1.25rem;color:#fff}aside nav ul{padding:0}aside nav li{margin:0;list-style-type:none;}aside nav li a{width:100%;display:block;padding:1.25rem;text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;color:#fff;border-top:1px solid #fff;}aside nav li a:hover{color:#005f97;background:#fff}aside nav li a img{position:absolute;right:15px;width:25px}aside nav .feed{border-bottom:1px solid #fff}aside.slide{right:0}.slide #close{right:15.625rem;position:fixed;pointer-events:none}.overlay{position:fixed;width:100%;height:100%;top:0;right:0;pointer-events:none;background:transparent;z-index:17;}.overlay.slide{pointer-events:auto;background:rgba(0,0,0,0.6)}input[type="search"]{-ms-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.search-wrapper{z-index:19;}.search-wrapper.active{-webkit-transform:translateY(0);transform:translateY(0)}.search-form{position:relative;top:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);z-index:19;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:all 200ms 100ms cubic-bezier(0,.6,.4,1);}.search-form h4{margin:.625rem 0}.search-form .search-field{width:100%;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.625rem;color:#fff;background-color:transparent;border:0;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;background-clip:padding-box;-webkit-appearance:none;}.search-form .search-field:focus{outline:0;box-shadow:none}.search-form.active{top:0;-webkit-transform:translateX(0);transform:translateX(0);-ms-filter:none;-webkit-filter:none;filter:none;opacity:1}.search-form.hidden{display:none}.search-form .icon-remove-sign{position:absolute;top:0;right:0;z-index:1;display:block;fill:#fff;width:30px;height:30px;text-align:center;cursor:pointer}.search-form::-webkit-input-placeholder{font-size:1.625rem}.search-form .search-field::-webkit-search-decoration,.search-form .search-field::-webkit-search-cancel-button,.search-form .search-field::-webkit-search-results-button,.search-form .search-field::-webkit-search-results-decoration{display:none}.search-form .search-list{position:absolute;width:100%;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;display:none;}.active .search-form .search-list{display:block}.search-form h4,.search-form li,.search-form p,.search-form a,.search-form a:hover{color:#fff}body.search-overlay{overflow:hidden;}body.search-overlay:after{position:fixed;top:0;left:0;z-index:18;width:100%;height:100%;min-height:100%;background-color:rgba(0,0,0,0.6);content:'';}@media only screen and (max-width:37.5rem){body.search-overlay:after{background-color:#005f97}}.search-wrapper{position:fixed;top:50px;width:100%;padding-right:10%;padding-left:10%;-webkit-transform:translateY(-200px);transform:translateY(-200px);}.search-wrapper *zoom 1:after,.search-wrapper *zoom 1:before{display:table;line-height:0;content:""}.search-wrapper *zoom 1:after{clear:both}.search-wrapper:before,.search-wrapper:after{display:table;line-height:0;content:""}.search-list{padding:0;margin:0;list-style-type:none;}@media only screen and (max-width:37.5rem){.search-list{height:380px;overflow:scroll}}.search-list .entry-date{float:right;display:none;font-size:14px;text-transform:uppercase}.search-list a{text-decoration:none;display:block;padding:.938rem 0;width:100%;border-bottom:1px solid #fff;}.search-list a:hover{color:#b3b3b3;border-bottom:1px solid #b3b3b3}@media only screen and (min-width:48em){.search-wrapper{top:100px}.search-list .entry-date{display:inline}}.post-content .tags{margin-top:1.875rem;}.post-content .tags a{font-size:.875rem;color:#005f97;display:inline-block;border:1px solid #005f97;border-radius:.313rem;padding:.25rem .625rem;margin-right:.125rem;margin-bottom:.5rem;text-decoration:none;}.post-content .tags a:hover{color:#00395b;border:1px solid #00395b;background:#fff}.img-rounded{border-radius:50%}html,body{height:100%}.header-post{background-color:#005f97;}.header-post .content{width:95%;text-align:center;padding:8.75rem 0 4.125rem}.bar-header{background:#fff;padding:.625rem 1.25rem;box-shadow:0 -3px 9px #000;position:fixed;width:100%;z-index:10;}.bar-header .logo{margin:0;line-height:2.188rem}.bar-header .logo a{color:#005f97;text-decoration:none;font-size:1.75rem}.header-post{min-height:18.75rem;position:fixed;width:100%;}.header-post img{height:auto;max-height:450px;max-width:100%;width:auto}.header-post .content{margin:auto;max-width:50rem;padding-top:75px}.header-post .subheader{display:table;padding:20px;}.header-post .subheader a{border:2px solid #fff;border-radius:20px;padding:0 10px;}@media only screen and (min-width:37.5rem){.header-post .subheader a{padding:0 10px}}.header-post .date{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1rem}.header-post h1{font-size:1.875rem;margin:0 0 30px;text-shadow:3px 3px #004c79;}@media only screen and (min-width:37.5rem){.header-post h1{font-size:3.75rem}}.header-post .subtitle{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.25rem}.header-post h1,.header-post .subtitle,.header-post .date{color:#000;text-align:center}.header-post a,.header-post p{color:#fff;text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.125rem}main{padding-top:3.75rem}.row{*zoom:1;width:auto;max-width:64.375rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}.row:before,.row:after{content:'';display:table}.row:after{clear:both}.flex-grid{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.header-category{*zoom:1;width:auto;max-width:62.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}.header-category:before,.header-category:after{content:'';display:table}.header-category:after{clear:both}.header-category img{padding-right:.938rem}.title-category{*zoom:1;width:auto;max-width:62.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;font-size:2.5rem;margin-top:0;text-transform:uppercase;padding:0 .938rem}.title-category:before,.title-category:after{content:'';display:table}.title-category:after{clear:both}.box-item,.featured-item{-ms-flex:1 0 300px;flex:1 0 300px;margin:0 .938rem 3.125rem;display:inline-block;border:1px solid #eee;border-radius:5px;min-height:17.813rem;transition:all .3s;position:relative;}.box-item:hover,.featured-item:hover{box-shadow:1px 2px 10px #eee}.box-item a,.featured-item a{text-decoration:none;}.box-item a:hover .box-item,.featured-item a:hover .box-item{box-shadow:10px 10px 10px #eee}.box-item .box-body,.featured-item .box-body{padding:1.563rem;}.box-item .box-body time,.featured-item .box-body time{font-size:.875rem;color:#b2bac2}.box-item .box-body h2,.featured-item .box-body h2{margin:.313rem 0 .938rem;font-size:1.25rem;font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;color:#005f97;}.box-item .box-body p,.featured-item .box-body p{margin:0 0 1.25rem;color:#576366;font-size:.875rem;line-height:1.375rem}.box-item .box-body .tags a,.featured-item .box-body .tags a{color:#005f97;padding:.313rem .625rem;border-radius:3px;display:inline-block;margin:0 0 .313rem;z-index:50}.box-item .box-body .tags,.featured-item .box-body .tags{position:absolute;bottom:0}.box-item .box-body img,.featured-item .box-body img{padding-bottom:50px}.small-box-item{-ms-flex:1 0 auto;flex:1 0 auto;margin:0 1rem 1rem;display:inline-block;border:1px solid #eee;border-radius:5px;min-height:3rem;transition:all .3s;position:relative;}.small-box-item:hover{box-shadow:1px 2px 10px #eee}.small-box-item .small-box-body img{width:8rem}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;}.ribbon span{font-size:.75rem;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#b31917;position:absolute;top:19px;right:-21px;}.ribbon span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #005f97;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #005f97}.ribbon span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #005f97;border-bottom:3px solid transparent;border-top:3px solid #005f97}.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content h5:before,.tag-title:before{display:block;content:" ";margin-top:-60px;height:75px;visibility:hidden}.post{position:relative;top:2.063rem;background:#fff}.header-post + .post{top:31.25rem}.post-content{padding:.625rem 0;}.post-content img{max-width:100%;margin:1.875rem auto;display:block}.post-content p,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content ul,.post-content ol,.post-content .tags,.post-content iframe,.post-content .button-post{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;margin:0 auto 1.875rem;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:1.125rem;letter-spacing:.01rem;}.post-content p:before,.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content ul:before,.post-content ol:before,.post-content .tags:before,.post-content iframe:before,.post-content .button-post:before,.post-content p:after,.post-content h1:after,.post-content h2:after,.post-content h3:after,.post-content h4:after,.post-content ul:after,.post-content ol:after,.post-content .tags:after,.post-content iframe:after,.post-content .button-post:after{content:'';display:table}.post-content p:after,.post-content h1:after,.post-content h2:after,.post-content h3:after,.post-content h4:after,.post-content ul:after,.post-content ol:after,.post-content .tags:after,.post-content iframe:after,.post-content .button-post:after{clear:both}@media only screen and (min-width:37.5rem){.post-content p,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content ul,.post-content ol,.post-content .tags,.post-content iframe,.post-content .button-post{font-size:1.25rem}}.post-content li{padding:.063rem 0;ulmargin-bottom:0;line-height:1}.post-content p,.post-content li{color:#333;}.post-content p code,.post-content li code{color:#005f97;word-wrap:break-word}.post-content a{color:#005f97;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;transition:all .3s}.post-content .externalLink:after{display:inline-block;content:'';color:#005f97;background-image:url("../img/external.svg");background-size:100%;margin-left:.313rem;width:1.125rem;height:1.125rem}.post-content iframe{margin-top:1.875rem;width:100%}.post-content #twitter-widget-0,.post-content .instagram-media{margin:auto !important}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;}.post-content h1{font-size:1.875rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h1{font-size:2.813rem}}.post-content h2{font-size:1.375rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h2{font-size:2.188rem}}.post-content h3{font-size:1.125rem;line-height:1.4;}@media only screen and (min-width:37.5rem){.post-content h3{font-size:1.563rem}}.post-content ul,.post-content ol{padding-left:2.5rem}.post-content ul.post-list{padding:0;}.post-content ul.post-list.svg-serie p{padding:0}@media only screen and (max-width:37.5rem){.post-content ul.post-list{padding:0 1.25rem}}.post-content blockquote{*zoom:1;width:auto;max-width:45.625rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;border-left:.313rem solid #005f97;padding:0 1.875rem;margin:3.125rem auto;}.post-content blockquote:before,.post-content blockquote:after{content:'';display:table}.post-content blockquote:after{clear:both}@media only screen and (max-width:37.5rem){.post-content blockquote{width:90%}}.post-content blockquote p{color:rgba(0,0,0,0.6);margin:0;}@media only screen and (max-width:37.5rem){.post-content blockquote p{font-size:1.125rem;line-height:1.5;padding:0}}.post-content hr{*zoom:1;width:auto;max-width:47.5rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;border:1px solid #f2f2f2;margin:50px auto}.post-content hr:before,.post-content hr:after{content:'';display:table}.post-content hr:after{clear:both}.post-content > table{margin:3.125rem auto;}@media only screen and (max-width:37.5rem){.post-content > table{display:none}}.post-content > table th,.post-content > table td{border:.125rem solid #ccc;padding:.313rem}.post-content td > pre{padding:0;margin:0}.post-content td.gutter.gl{padding-right:1.563rem;line-height:1.5rem}.tag-title{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;font-size:2.25rem;margin-top:3.75rem;*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;}.tag-title:before,.tag-title:after{content:'';display:table}.tag-title:after{clear:both}@media only screen and (max-width:37.5rem){.tag-title{font-size:1.75rem;margin-top:1.25rem;padding:0 1.25rem}}.post-list{list-style:none;margin:1.563rem auto;}@media only screen and (max-width:37.5rem){.post-list{padding:0 1.25rem}}.post-list a{display:block;border-bottom:1px solid #dadada;padding:.625rem 0;text-decoration:none;transition:all .5s;}.post-list a:hover{color:#002f4c;border-bottom:1px solid #002f4c;background:#fff}.post-list .entry-date{float:right;}@media only screen and (max-width:37.5rem){.post-list .entry-date{display:none}}.question{border:2px solid #808080;border-radius:15px;text-align:left;}.question p{color:#000}.question a,.question h3{color:#000;border-bottom:none}.question .updated{color:#000}.question .answer{color:#000;border-radius:15px;height:12.5rem;overflow:hidden}.question .answers_header{padding:.938rem .938rem 0 .938rem}.share{*zoom:1;width:auto;max-width:800px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;text-align:center;border-top:1px solid #f2f2f2;padding-top:1.25rem;}.share:before,.share:after{content:'';display:table}.share:after{clear:both}article .share{border-top:none}.share svg{margin:.938rem;width:35px;height:35px}.share a{text-decoration:none;border:none}.questions{*zoom:1;width:auto;max-width:800px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;color:#000;text-align:center;border-top:1px solid #f2f2f2;padding-top:1.25rem;line-height:1.5rem;font-family:Arial;}.questions:before,.questions:after{content:'';display:table}.questions:after{clear:both}article .questions{border-top:none}.questions svg{margin:.938rem;width:35px;height:35px}.questions a{text-decoration:none;border:none}.questions .question .updated{font-weight:bold}.questions .question .answer{border:2px solid #d3d3d3;margin:10px;padding:10px;background-color:#fff;}.questions .question .answer:hover{color:#002f4c;background-color:#f2f2f2}pre{background:#222;width:100%;padding:1.25rem 0;color:#fff;margin:1.875rem 0;font-size:.875rem;}@media only screen and (min-width:37.5rem){pre{font-size:1rem;padding:2.5rem 0;margin:3.125rem 0}}pre code{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;}pre code:before,pre code:after{content:'';display:table}pre code:after{clear:both}@media only screen and (max-width:37.5rem){pre code{overflow-x:scroll}}pre span{line-height:1.5rem;font-family:'Monaco','Consolas','Menlo',monospace}.highlight{margin:1.25rem 0;}@media only screen and (min-width:37.5rem){.highlight{word-wrap:break-word}}.highlight .hll{background-color:#333}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .no{color:#66d9ef}.highlight .l,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .se,.highlight .il{color:#ae81ff}.highlight .o,.highlight .p{color:#f7f7f2}.highlight .m,.highlight .n,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .py,.highlight .nv,.highlight .w,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#a4d043}.highlight .kn,.highlight .nt,.highlight .ow{color:#f92672}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .ld,.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#e6db74}.highlight .na,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .nx{color:#a6e22e}.author{background:#f2f2f2;display:table;width:100%;padding:2.5rem 0;margin:2.5rem 0;}@media only screen and (min-width:37.5rem){.author{padding:3.125rem 0}}.author .details{margin:auto;max-width:50rem;padding:0 1.25rem;}@media only screen and (max-width:37.5rem){.author .details{text-align:center}}.author img{border-radius:50%;display:block;margin:auto;}@media only screen and (min-width:37.5rem){.author img{float:left;margin-right:3.125rem}}.author .def{color:#808080;font-size:1.125rem;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;margin:.625rem;}@media only screen and (min-width:37.5rem){.author .def{margin:0;padding-top:1.563rem}}.author .name{margin:0;}.author .name a{font-family:'Open Sans',sans-serif;font-weight:800;font-style:normal;text-decoration:none;color:#000;font-size:1.875rem;}.author .name a:hover{color:#005f97}@media only screen and (min-width:37.5rem){.author .name a{font-size:2.813rem}}.author .desc{font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;margin:.625rem;font-size:1rem;}@media only screen and (min-width:37.5rem){.author .desc{font-size:1.25rem}}.author .email{text-decoration:none;color:#005f97}.comments{*zoom:1;width:auto;max-width:50rem;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0;padding:0 1.25rem;}.comments:before,.comments:after{content:'';display:table}.comments:after{clear:both}.comments h3{margin:0 0 1.875rem;font-size:1.875rem}footer{background:#005f97;padding:1.563rem 0;margin-top:100px;}footer p,footer a{text-decoration:none;font-family:'Open Sans',sans-serif;font-weight:300;font-style:normal;color:#fff;text-align:center;margin:0}.post-aerial .title-category{color:#b31917}.post-aerial .post-content h1,.post-aerial .post-content h2,.post-aerial .post-content h3,.post-aerial .post-content h4{color:#b31917;}.post-aerial .post-content h1 a,.post-aerial .post-content h2 a,.post-aerial .post-content h3 a,.post-aerial .post-content h4 a{border-bottom:2px dashed #b31917}.post-aerial .post-content a{color:#b31917;}.post-aerial .post-content a:hover{background-color:#b31917;color:#fff}.post-aerial .post-content strong{color:#b31917}.post-aerial .post-content p code,.post-aerial .post-content li code{color:#b31917}.post-aerial .post-content blockquote{border-left:.313rem solid #b31917}.post-aerial .header-post,.post-aerial .header-site{background-color:#b31917;}.post-aerial .header-post h1,.post-aerial .header-site h1{color:#b31917;text-shadow:3px 3px #8f1412}.post-aerial .header-post p,.post-aerial .header-site p{color:#5a0d0c;margin:10px}.post-aerial .bar-header .logo a{color:#b31917}.post-aerial .author .email{color:#b31917}.post-aerial .share a:hover svg{fill:#b31917}@media only screen and (max-width:37.5rem){.post-aerial body.search-overlay:after{background-color:#b31917}}.post-aerial .icon-menu{fill:#b31917}.post-aerial .box-body h2{color:#b31917}.post-aerial .box-body .tags a{color:#b31917;border:1px solid #b31917}.post-aerial .box-body .category{width:50%;float:right}.post-aerial .box-body .category button{border:1px solid #b31917;padding:5px 10px;border-radius:5px}.post-aerial .box-body .resources{width:50%;float:right}.post-aerial .box-body .resources button{border:1px solid #b31917;padding:5px 10px;border-radius:5px}.post-aerial .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-aerial .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-aerial .robot-photo img{border-radius:15px;border:5px solid #8f1412;max-height:25rem;max-width:22.5rem}.post-aerial .infobox{width:30%;min-width:25rem;border:5px solid #8f1412;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-aerial .infobox a{color:#8f1412}.post-aerial .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-aerial .post-category{width:100%}.post-aerial .post-category a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial .post-resources{width:100%}.post-aerial .post-resources a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial .post-tags{width:100%}.post-aerial .post-tags a{color:#b31917;border:1px solid #b31917;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-aerial aside{background-color:#b31917;}.post-aerial aside nav li a:hover{color:#b31917}.post-aerial .ribbon span{background-color:#b31917;}.post-aerial .ribbon span:before{border-left:3px solid #7d1210;border-top:3px solid #7d1210}.post-aerial .ribbon span:after{border-right:3px solid #7d1210;border-top:3px solid #7d1210}.post-aerial footer{background-color:#b31917}.post-aerial .question{border:1px solid #b31917}.post-component .title-category{color:#000}.post-component .post-content h1,.post-component .post-content h2,.post-component .post-content h3,.post-component .post-content h4{color:#000;}.post-component .post-content h1 a,.post-component .post-content h2 a,.post-component .post-content h3 a,.post-component .post-content h4 a{border-bottom:2px dashed #000}.post-component .post-content a{color:#000;}.post-component .post-content a:hover{background-color:#000;color:#fff}.post-component .post-content strong{color:#000}.post-component .post-content p code,.post-component .post-content li code{color:#000}.post-component .post-content blockquote{border-left:.313rem solid #000}.post-component .header-post,.post-component .header-site{background-color:#000;}.post-component .header-post h1,.post-component .header-site h1{color:#000;text-shadow:3px 3px #000}.post-component .header-post p,.post-component .header-site p{color:#000;margin:10px}.post-component .bar-header .logo a{color:#000}.post-component .author .email{color:#000}.post-component .share a:hover svg{fill:#000}@media only screen and (max-width:37.5rem){.post-component body.search-overlay:after{background-color:#000}}.post-component .icon-menu{fill:#000}.post-component .box-body h2{color:#000}.post-component .box-body .tags a{color:#000;border:1px solid #000}.post-component .box-body .category{width:50%;float:right}.post-component .box-body .category button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-component .box-body .resources{width:50%;float:right}.post-component .box-body .resources button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-component .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-component .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-component .robot-photo img{border-radius:15px;border:5px solid #000;max-height:25rem;max-width:22.5rem}.post-component .infobox{width:30%;min-width:25rem;border:5px solid #000;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-component .infobox a{color:#000}.post-component .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-component .post-category{width:100%}.post-component .post-category a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component .post-resources{width:100%}.post-component .post-resources a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component .post-tags{width:100%}.post-component .post-tags a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-component aside{background-color:#000;}.post-component aside nav li a:hover{color:#000}.post-component .ribbon span{background-color:#000;}.post-component .ribbon span:before{border-left:3px solid #000;border-top:3px solid #000}.post-component .ribbon span:after{border-right:3px solid #000;border-top:3px solid #000}.post-component footer{background-color:#000}.post-component .question{border:1px solid #000}.post-marine .title-category{color:#032aaf}.post-marine .post-content h1,.post-marine .post-content h2,.post-marine .post-content h3,.post-marine .post-content h4{color:#032aaf;}.post-marine .post-content h1 a,.post-marine .post-content h2 a,.post-marine .post-content h3 a,.post-marine .post-content h4 a{border-bottom:2px dashed #032aaf}.post-marine .post-content a{color:#032aaf;}.post-marine .post-content a:hover{background-color:#032aaf;color:#fff}.post-marine .post-content strong{color:#032aaf}.post-marine .post-content p code,.post-marine .post-content li code{color:#032aaf}.post-marine .post-content blockquote{border-left:.313rem solid #032aaf}.post-marine .header-post,.post-marine .header-site{background-color:#032aaf;}.post-marine .header-post h1,.post-marine .header-site h1{color:#032aaf;text-shadow:3px 3px #02228c}.post-marine .header-post p,.post-marine .header-site p{color:#011558;margin:10px}.post-marine .bar-header .logo a{color:#032aaf}.post-marine .author .email{color:#032aaf}.post-marine .share a:hover svg{fill:#032aaf}@media only screen and (max-width:37.5rem){.post-marine body.search-overlay:after{background-color:#032aaf}}.post-marine .icon-menu{fill:#032aaf}.post-marine .box-body h2{color:#032aaf}.post-marine .box-body .tags a{color:#032aaf;border:1px solid #032aaf}.post-marine .box-body .category{width:50%;float:right}.post-marine .box-body .category button{border:1px solid #032aaf;padding:5px 10px;border-radius:5px}.post-marine .box-body .resources{width:50%;float:right}.post-marine .box-body .resources button{border:1px solid #032aaf;padding:5px 10px;border-radius:5px}.post-marine .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-marine .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-marine .robot-photo img{border-radius:15px;border:5px solid #02228c;max-height:25rem;max-width:22.5rem}.post-marine .infobox{width:30%;min-width:25rem;border:5px solid #02228c;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-marine .infobox a{color:#02228c}.post-marine .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-marine .post-category{width:100%}.post-marine .post-category a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine .post-resources{width:100%}.post-marine .post-resources a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine .post-tags{width:100%}.post-marine .post-tags a{color:#032aaf;border:1px solid #032aaf;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-marine aside{background-color:#032aaf;}.post-marine aside nav li a:hover{color:#032aaf}.post-marine .ribbon span{background-color:#032aaf;}.post-marine .ribbon span:before{border-left:3px solid #021d7b;border-top:3px solid #021d7b}.post-marine .ribbon span:after{border-right:3px solid #021d7b;border-top:3px solid #021d7b}.post-marine footer{background-color:#032aaf}.post-marine .question{border:1px solid #032aaf}.post-meta .title-category{color:#7d669e}.post-meta .post-content h1,.post-meta .post-content h2,.post-meta .post-content h3,.post-meta .post-content h4{color:#7d669e;}.post-meta .post-content h1 a,.post-meta .post-content h2 a,.post-meta .post-content h3 a,.post-meta .post-content h4 a{border-bottom:2px dashed #7d669e}.post-meta .post-content a{color:#7d669e;}.post-meta .post-content a:hover{background-color:#7d669e;color:#fff}.post-meta .post-content strong{color:#7d669e}.post-meta .post-content p code,.post-meta .post-content li code{color:#7d669e}.post-meta .post-content blockquote{border-left:.313rem solid #7d669e}.post-meta .header-post,.post-meta .header-site{background-color:#7d669e;}.post-meta .header-post h1,.post-meta .header-site h1{color:#7d669e;text-shadow:3px 3px #64517f}.post-meta .header-post p,.post-meta .header-site p{color:#3e3250;margin:10px}.post-meta .bar-header .logo a{color:#7d669e}.post-meta .author .email{color:#7d669e}.post-meta .share a:hover svg{fill:#7d669e}@media only screen and (max-width:37.5rem){.post-meta body.search-overlay:after{background-color:#7d669e}}.post-meta .icon-menu{fill:#7d669e}.post-meta .box-body h2{color:#7d669e}.post-meta .box-body .tags a{color:#7d669e;border:1px solid #7d669e}.post-meta .box-body .category{width:50%;float:right}.post-meta .box-body .category button{border:1px solid #7d669e;padding:5px 10px;border-radius:5px}.post-meta .box-body .resources{width:50%;float:right}.post-meta .box-body .resources button{border:1px solid #7d669e;padding:5px 10px;border-radius:5px}.post-meta .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-meta .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-meta .robot-photo img{border-radius:15px;border:5px solid #64517f;max-height:25rem;max-width:22.5rem}.post-meta .infobox{width:30%;min-width:25rem;border:5px solid #64517f;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-meta .infobox a{color:#64517f}.post-meta .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-meta .post-category{width:100%}.post-meta .post-category a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta .post-resources{width:100%}.post-meta .post-resources a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta .post-tags{width:100%}.post-meta .post-tags a{color:#7d669e;border:1px solid #7d669e;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-meta aside{background-color:#7d669e;}.post-meta aside nav li a:hover{color:#7d669e}.post-meta .ribbon span{background-color:#7d669e;}.post-meta .ribbon span:before{border-left:3px solid #57476f;border-top:3px solid #57476f}.post-meta .ribbon span:after{border-right:3px solid #57476f;border-top:3px solid #57476f}.post-meta footer{background-color:#7d669e}.post-meta .question{border:1px solid #7d669e}.post-ground .title-category{color:#10aa00}.post-ground .post-content h1,.post-ground .post-content h2,.post-ground .post-content h3,.post-ground .post-content h4{color:#10aa00;}.post-ground .post-content h1 a,.post-ground .post-content h2 a,.post-ground .post-content h3 a,.post-ground .post-content h4 a{border-bottom:2px dashed #10aa00}.post-ground .post-content a{color:#10aa00;}.post-ground .post-content a:hover{background-color:#10aa00;color:#fff}.post-ground .post-content strong{color:#10aa00}.post-ground .post-content p code,.post-ground .post-content li code{color:#10aa00}.post-ground .post-content blockquote{border-left:.313rem solid #10aa00}.post-ground .header-post,.post-ground .header-site{background-color:#10aa00;}.post-ground .header-post h1,.post-ground .header-site h1{color:#10aa00;text-shadow:3px 3px #0d8800}.post-ground .header-post p,.post-ground .header-site p{color:#085500;margin:10px}.post-ground .bar-header .logo a{color:#10aa00}.post-ground .author .email{color:#10aa00}.post-ground .share a:hover svg{fill:#10aa00}@media only screen and (max-width:37.5rem){.post-ground body.search-overlay:after{background-color:#10aa00}}.post-ground .icon-menu{fill:#10aa00}.post-ground .box-body h2{color:#10aa00}.post-ground .box-body .tags a{color:#10aa00;border:1px solid #10aa00}.post-ground .box-body .category{width:50%;float:right}.post-ground .box-body .category button{border:1px solid #10aa00;padding:5px 10px;border-radius:5px}.post-ground .box-body .resources{width:50%;float:right}.post-ground .box-body .resources button{border:1px solid #10aa00;padding:5px 10px;border-radius:5px}.post-ground .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-ground .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-ground .robot-photo img{border-radius:15px;border:5px solid #0d8800;max-height:25rem;max-width:22.5rem}.post-ground .infobox{width:30%;min-width:25rem;border:5px solid #0d8800;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-ground .infobox a{color:#0d8800}.post-ground .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-ground .post-category{width:100%}.post-ground .post-category a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground .post-resources{width:100%}.post-ground .post-resources a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground .post-tags{width:100%}.post-ground .post-tags a{color:#10aa00;border:1px solid #10aa00;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-ground aside{background-color:#10aa00;}.post-ground aside nav li a:hover{color:#10aa00}.post-ground .ribbon span{background-color:#10aa00;}.post-ground .ribbon span:before{border-left:3px solid #0b7700;border-top:3px solid #0b7700}.post-ground .ribbon span:after{border-right:3px solid #0b7700;border-top:3px solid #0b7700}.post-ground footer{background-color:#10aa00}.post-ground .question{border:1px solid #10aa00}.post-sensor .title-category{color:#000}.post-sensor .post-content h1,.post-sensor .post-content h2,.post-sensor .post-content h3,.post-sensor .post-content h4{color:#000;}.post-sensor .post-content h1 a,.post-sensor .post-content h2 a,.post-sensor .post-content h3 a,.post-sensor .post-content h4 a{border-bottom:2px dashed #000}.post-sensor .post-content a{color:#000;}.post-sensor .post-content a:hover{background-color:#000;color:#fff}.post-sensor .post-content strong{color:#000}.post-sensor .post-content p code,.post-sensor .post-content li code{color:#000}.post-sensor .post-content blockquote{border-left:.313rem solid #000}.post-sensor .header-post,.post-sensor .header-site{background-color:#000;}.post-sensor .header-post h1,.post-sensor .header-site h1{color:#000;text-shadow:3px 3px #000}.post-sensor .header-post p,.post-sensor .header-site p{color:#000;margin:10px}.post-sensor .bar-header .logo a{color:#000}.post-sensor .author .email{color:#000}.post-sensor .share a:hover svg{fill:#000}@media only screen and (max-width:37.5rem){.post-sensor body.search-overlay:after{background-color:#000}}.post-sensor .icon-menu{fill:#000}.post-sensor .box-body h2{color:#000}.post-sensor .box-body .tags a{color:#000;border:1px solid #000}.post-sensor .box-body .category{width:50%;float:right}.post-sensor .box-body .category button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-sensor .box-body .resources{width:50%;float:right}.post-sensor .box-body .resources button{border:1px solid #000;padding:5px 10px;border-radius:5px}.post-sensor .box-body .icon{-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:50%;float:left;left:85%}.post-sensor .robot-photo{display:-ms-flexbox;display:flex;-ms-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:15px 15px 15px 15px}.post-sensor .robot-photo img{border-radius:15px;border:5px solid #000;max-height:25rem;max-width:22.5rem}.post-sensor .infobox{width:30%;min-width:25rem;border:5px solid #000;border-radius:15px;padding:5px 5px;margin:15px 15px;-webkit-flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;}.post-sensor .infobox a{color:#000}.post-sensor .postflex{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:auto;margin-top:3.125rem;top:2.063rem}.post-sensor .post-category{width:100%}.post-sensor .post-category a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor .post-resources{width:100%}.post-sensor .post-resources a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor .post-tags{width:100%}.post-sensor .post-tags a{color:#000;border:1px solid #000;border-radius:3px;padding:.313rem .625rem;margin:0 0 .313rem;z-index:50;display:inline-block}.post-sensor aside{background-color:#000;}.post-sensor aside nav li a:hover{color:#000}.post-sensor .ribbon span{background-color:#000;}.post-sensor .ribbon span:before{border-left:3px solid #000;border-top:3px solid #000}.post-sensor .ribbon span:after{border-right:3px solid #000;border-top:3px solid #000}.post-sensor footer{background-color:#000}.post-sensor .question{border:1px solid #000}
\ No newline at end of file
diff --git a/index.html b/index.html
index 65f970c2..e9c9c343 100644
--- a/index.html
+++ b/index.html
@@ -84,6 +84,7 @@ <H2>Find a robot by category:</H2>
     {% for post in site.posts %}
       {% include box-item.html %}
     {% endfor %}
+    {% include shuffle-items.html %}
     </div>
 
 </main>
diff --git a/src/styl/_home.styl b/src/styl/_home.styl
index 5a1ece66..ecf1b0cf 100644
--- a/src/styl/_home.styl
+++ b/src/styl/_home.styl
@@ -21,7 +21,7 @@ main
     text-transform uppercase
     padding 0 rem(15px)
 
-.box-item
+.box-item, .featured-item
     flex 1 0 300px
     margin 0 rem(15px) rem(50px)
     display inline-block