@charset "UTF-8";input[type=checkbox]{display:none}.lbl-toggle{display:block;font-size:1.2rem;margin:0;padding:1rem;color:#555;background:#eee;border:1px solid #000;cursor:pointer;border-radius:7px;transition:all .25s ease-out}.lbl-toggle:hover{color:#000}.lbl-toggle::before{content:' ';display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid currentColor;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .2s ease-out}.toggle:checked+.lbl-toggle::before{transform:rotate(90deg) translateX(-3px)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .25s ease-in-out;margin:0}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:75vh}.toggle:checked+.lbl-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:0}.collapsible-content .content-inner{border-bottom:1px solid #000;border:1px solid #000;border-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:.5rem 1rem;overflow-y:auto;max-height:75vh;margin:0}.collapsible-content .content-inner ul{margin:0}.collapsible-content .content-inner>ul{padding-inline-start:20px}/*! Gutenberg reset — adapted from Normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;scroll-behavior:smooth}body{margin:0}article,aside,cite,details,figcaption,figure,footer,header,hgroup,main,nav,section,small,summary{display:block}article,article ol,article ul,blockquote,body,div,figure,footer,header,input,nav,section{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr{letter-spacing:.1em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:70%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}em,i{line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace}table{border-collapse:collapse;border-spacing:0}td,th{border:1px solid #ddd;text-align:center;padding:8px}img{max-width:100%;display:block;margin:auto}.imagefig{margin:auto}html{font-size:16px;font-size:100%;font-family:Open Sans,Arial,Helvetica,Sans-serif;color:#222}div,header,nav,p,section{line-height:26px;line-height:1.625rem;margin:0 0 26px;margin:0 0 1.625rem}h1{font-size:40px;font-size:2.5rem;line-height:52px;line-height:3.25rem;margin-top:104px;margin-top:64px;margin-bottom:26px;margin-bottom:1.625rem}h2{font-size:27px;font-size:1.6875rem;line-height:39px;line-height:2.4375rem;margin-top:65px;margin-top:32px;margin-bottom:13px;margin-bottom:.8125rem}h3{font-size:22px;font-size:1.375rem;line-height:26px;line-height:1.625rem;margin-top:52px;margin-top:3.25rem;margin-bottom:13px;margin-bottom:.8125rem}h4{font-size:19.2px;font-size:1.2rem;line-height:26px;line-height:1.625rem;margin-top:39px;margin-top:2.4375rem;margin-bottom:13px;margin-bottom:.8125rem}h5{font-size:16px;font-size:1rem;line-height:26px;line-height:1.625rem;margin-top:65px;margin-top:4.0625rem;margin-bottom:13px;margin-bottom:.8125rem}h6{font-size:16px;font-size:1rem;line-height:26px;line-height:1.625rem;margin-top:65px;margin-top:4.0625rem;margin-bottom:13px;margin-bottom:.8125rem}h1+h2{margin-top:26px;margin-top:1.625rem}h2+h3,h3+h4,h4+h5{margin-top:13px;margin-top:.8125rem}h5+h6{margin-top:-13px;margin-top:-.8125rem}h6{font-style:italic;font-weight:400}a{color:#222;transition:all .3s}a:hover{color:#222}a:visited{color:#666}a:visited:hover{color:#222}a:active{color:#280680}p a{color:#00f;transition:all .3s}p a:hover{color:#00a}p a:visited{color:#808}p a:visited:hover{color:#80f}p a:active{color:#280680}figcaption{line-height:26px;line-height:1.625rem;color:#222;font-size:.8125rem;font-style:italic;margin-bottom:0;text-align:center}blockquote{background:#f9f9f9;border-left:10px solid #ccc;padding:.5em 10px}blockquote *{margin-bottom:0}cite{font-style:normal}figure blockquote{padding:26px 0;padding:1.625rem 0}figure blockquote p{font-size:27px;font-size:1.6875rem;line-height:39px;line-height:2.4375rem}ol li,ul li{margin-bottom:0}hr{margin-top:52px;margin-top:3.25rem;margin-bottom:52px;margin-bottom:3.25rem;border:none;border-bottom:1px solid #ddd;align-self:center;display:block;height:0;margin-right:auto;margin-left:auto;width:90%}small{line-height:13px;line-height:.8125rem}.attention-grabber{font-size:19.2px;font-size:1.2rem}.grid,.grid-double{background-image:linear-gradient(to bottom,rgba(0,170,255,.3) 1px,transparent 1px);background-position:left top;background-repeat:repeat;background-size:100% 26px;background-size:100% 1.625rem}.grid-double{background-image:linear-gradient(to bottom,rgba(0,170,255,.3) 1px,transparent 1px,transparent 13px,rgba(0,170,255,.2) 13px,transparent 14px,transparent 26px)}article{width:80%;margin:0 auto}.toggleWrapper{display:block;position:fixed;top:26px;right:26px;background-color:#231f20;border-radius:25px;padding:0 10px 0 20px;height:32px}.btnToggleGrid{background:url(../../assets/images/grid-icons.png) top right no-repeat;background-size:32px;display:block;font-size:14px;text-decoration:none;padding-right:35px;height:32px;line-height:34px;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#fff}.btnToggleGrid:hover{color:#fff}.btnToggleGrid:active{color:red}.double-grid{background-position-y:-32px}.grid-off{background-position-y:-64px}.alignLeft{text-align:left}.alignCenter{text-align:center}.alignRight{text-align:right}.uppercase{letter-spacing:.1em;text-transform:uppercase}*{box-sizing:border-box}.wrapper{margin:0 auto;width:90%;max-width:1600px}.content{max-width:780px}li,p{text-align:justify}.header{background-color:rgba(0,200,0,.98);background-image:linear-gradient(130deg,rgba(150,150,255,.4),rgba(0,0,255,.8),rgba(255,0,255,.8));color:#fff;padding:.5rem 0 0 0;margin:0}.header h1{margin:30px 0}.footer{background-color:rgba(0,255,0,.98);background-image:linear-gradient(310deg,rgba(150,150,255,.4),rgba(150,150,255,.8),rgba(255,150,255,.8));color:#000;padding:1rem 0;margin:4rem 0 0 0;font-size:85%}.footer a:link,.footer a:visited{color:#000}.footer p{margin:0;padding:0}.footer .wrapper{background-color:rgba(255,255,255,.6);padding:1rem;border-radius:3px}.hidden_scrollbar::-webkit-scrollbar{display:none}.hidden_scrollbar{-ms-overflow-style:none;scrollbar-width:none}.main{background-color:rgba(255,255,255,.6);transition:all;transition-duration:.5s}.auxMenu{background-color:rgba(255,255,255,.6);transition:all;transition-duration:.5s}.auxMenu .nav,.main .nav{list-style:none;margin:0 auto;width:90%;max-width:1600px;padding:0;display:flex;flex-direction:column;justify-content:space-between}.auxMenu .nav{width:100%}.auxMenu .nav a:link,.auxMenu .nav a:visited,.main .nav a:link,.main .nav a:visited{font-weight:700;color:#000;text-decoration:none;display:block;padding:.5rem 1rem;margin:0}.auxMenu .nav{padding:0;margin:0}.auxMenu .nav a{text-align:center}.nav a:hover:link,.nav a:hover:visited{background-color:rgba(255,255,255,.6)}li.dropdown{display:inline-block;min-width:100px;transition:.5s}.dropdown:hover{min-width:200px;background-color:#fff}.dropdown-content{display:none;position:absolute;background-color:#fff;background-image:linear-gradient(50deg,rgba(0,0,155,.4),rgba(0,0,255,.2),rgba(0,0,255,.2),rgba(255,0,255,.2));width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{transition:.1s;background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.subnav{list-style:none;margin:0 auto;width:90%;max-width:1600px;padding:0;display:flex;flex-direction:column}.subnav a:link,.subnav a:visited{text-decoration:none;display:block;padding:.5rem;margin:0 0 5px 0;background-color:#ccc;color:#000;border-radius:3px}.subnav a.selected:link,.subnav a.selected:visited,.subnav a:hover{background-color:#333;color:#fff}@media screen and (min-width:640px){.main .nav{flex-direction:row;justify-content:space-between}}.subnav{flex-direction:row}.subnav li{margin-right:10px}.skip-nav-link{position:absolute;transform:translateY(-100%);background-color:#fff;padding:.5rem 1.5rem;border-bottom-right-radius:1rem;transition:.1s}.skip-nav-link:link{color:#00f}.skip-nav-link:visited{color:#00f}.skip-nav-link:focus{transform:translateY(0)}h1 small{display:block;padding:.5rem 0 0 0;color:#666;line-height:1.4}.box{border:1px solid #999;border-radius:3px;padding:1rem}.box :last-child{margin-bottom:0}.flag-new::before{content:"New!";background-color:#087f23;position:absolute;top:-.8rem;left:-.8rem;padding:.3rem .5rem;display:inline-block;color:#fff;font-weight:both;transform:rotate(-20deg)}.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.panel-box{background-image:url(/img/0dcc0aa8e99ebff9cb9a95aad999d0a91b520595/tiny_grid.png);border:1px solid #999;border-radius:3px;padding:1rem;position:relative}.panel-primary{background-image:url(/img/37a7b60201cf591169fffc2702517c07b14f80a2/inflicted.png);color:#fff}.homepage-bar a:link,.homepage-bar a:visited,.panel-primary a:link,.panel-primary a:visited{color:#fff}.panel-box>a:link,.panel-box>a:visited{text-decoration:none;color:#000}.panel-box ul{margin:1rem 0;padding:0 0 0 1.2em}.home-layout h1,.home-layout h2,.panel-box h3,.project-layout h3{margin:0}.homepage-bar{background-color:#5e35b1;color:#fff;padding:1rem;position:relative}.homepage-bar a{text-decoration:none}.row-section h2{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem}.row-section h2::before{content:"";border-bottom:1px solid #ddd;align-self:center}.row-section h2::after{content:"";border-bottom:1px solid #ddd;align-self:center}@media screen and (min-width:640px){.row-section{display:grid;grid-column-gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.row-section h2{grid-column:1/-1}.home-layout{display:grid;grid-column-gap:2rem;grid-template-columns:1fr 2fr 2fr 1fr 1fr}.homepage-bar{grid-column:1/-1}.home-layout .panel-box{grid-column:auto/span 2}.home-layout .panel-c,.home-layout .panel-d{grid-column:auto/span 3}.home-layout .panel-g{grid-column:auto/span 1}.home-layout .panel-primary{grid-column:1/4}}.project-listing ul{list-style:none;padding:0;margin:0}.project-listing li{margin-top:26px;margin-top:1.625rem}.projects-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem}.project img{border:1px solid #ccc;padding:10px;max-width:350px}@supports (display:grid){.project{display:flex;flex-direction:column;padding:30px;max-width:350px;background-image:url(/img/0dcc0aa8e99ebff9cb9a95aad999d0a91b520595/tiny_grid.png)}.project img{width:100%;height:200px;object-fit:contain;background-color:rgba(255,255,255,.5)}}@media screen and (max-width:640px){.project{max-width:85%}}.project h3{margin:0;text-align:center}.project header{order:1}.project .description{order:3;margin-bottom:10px}.project .timestamp{order:4;text-align:right;align-self:flex-end;margin-bottom:0;margin-top:auto}.project figure{margin:0;order:2}.project footer{order:5;margin-top:auto}.project-layout{background-image:url(/img/0dcc0aa8e99ebff9cb9a95aad999d0a91b520595/tiny_grid.png);border:1px solid #999;border-radius:3px;padding:1rem}@media screen and (min-width:640px){.project-layout .body{display:grid;grid-gap:1rem;grid-template-columns:300px 1fr;background-color:#fff;border-radius:3px;padding:.5rem}}h1 a:hover,h1 a:link,h1 a:visited,h1 a:visited:hover{color:#fff;text-decoration:none}.card-listing{list-style:none;margin:0 0 1em 0;padding:0}.card-listing li{background-image:url(/img/0dcc0aa8e99ebff9cb9a95aad999d0a91b520595/tiny_grid.png);border:1px solid #999;border-radius:3px;margin-bottom:1rem}.card-listing .headerWrap{background-color:#fff;color:#fff;margin:0;border-radius:3px;padding:.6rem 20px}.headerWrap h3{margin:0;color:#000}.card-listing li:hover .headerWrap{transition:all;transition-duration:1s}.card-listing .headerWrap{background-color:#fff;color:#fff;margin:0;border-radius:3px;padding:.6rem 20px}.card-listing .headerWrap p{font-size:.7rem;font-weight:400;color:#888;position:relative;top:-5px;margin:0 0 -10px 0}.card-listing li h3:before{content:"Random";font-size:.7rem;font-weight:400;background-color:#000;color:#fff;border-radius:10px;float:right;padding:0 10px;margin:0 0 0 10px}.card-listing li p{margin:0}.card-listing .type-random .headerWrap{background-color:rgba(50,205,235,.3)}.card-listing .type-random:hover .headerWrap{background-color:rgba(50,205,235,.8)}.card-listing .type-random h3:before{content:"Random"}.card-listing .type-note-to-self .headerWrap{background-color:rgba(119,213,129,.3)}.card-listing .type-note-to-self:hover .headerWrap{background-color:rgba(119,213,129,.8)}.card-listing .type-note-to-self h3:before{content:"Note to self"}.card-listing .type-tutorial .headerWrap{background-color:rgba(255,165,0,.6)}.card-listing .type-tutorial:hover .headerWrap{background-color:rgba(255,165,0,.9)}.card-listing .type-tutorial h3:before{content:"Tutorial"}.card-listing .type-miniproject .headerWrap{background-color:rgba(255,108,129,.3)}.card-listing .type-miniproject:hover .headerWrap{background-color:rgba(255,108,129,.8)}.card-listing .type-miniproject h3:before{content:"Mini-Project"}.card-listing .type-idea .headerWrap{background-color:rgba(119,213,129,.3)}.card-listing .type-idea:hover .headerWrap{background-color:rgba(119,213,129,.8)}.card-listing .type-idea h3:before{content:"Idea"}.card-listing h3 a:link,.card-listing h3 a:visited{color:#000;text-decoration:none;font-weight:400;display:block;margin:0}.card-listing p a:link,.card-listing p a:visited{color:#000;text-decoration:none;font-weight:400;display:block;margin:0}.card-listing .details{padding:.8rem 1rem .8rem 1rem;margin:0}@media screen and (min-width:800px){@supports (grid-gap:10px){.card-listing{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:2rem}.card-listing li{margin:0}}}.imagegrid{margin:0;padding:0;list-style:none}.imagegrid img{border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}@media screen and (min-width:600px){.imagegrid li{float:left;max-width:49%;padding:10px}.patterncontent{clear:both}@supports (grid-gap:10px){.imagegrid{display:grid;grid-template-columns:2fr 3fr;grid-gap:10px}.imagegrid li{float:none;max-width:100%;padding:0}.imagegrid li:first-child{grid-row:1/3}}}.blog-list,.blog-list-home,.projects-listing,.video-list{margin:0;padding:0;list-style:none;width:100%}.blog-list li .blog-list-home li,.video-list li{border-bottom:1px solid rgba(0,0,0,.2);margin:0;padding:0}.video-list h3,.video-list p{margin:0;padding:0}.video-list li a{display:block;text-decoration:none;margin:0;padding:1rem 0}.video-list li a:hover{background-color:rgba(0,0,0,.05)}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.box h4{margin-top:0}.follow{position:absolute;top:20px;right:20px}.mjx-chtml *{line-height:0;margin:0}pre{margin:0}code table *{font-size:14px;line-height:20px}pre.highlight{padding:2px 8px;margin:0;border:1px solid #ddd}code td,code th{border:1px solid #ddd;text-align:left;padding:8px}code td.code{width:100%}code td.code{padding-left:12px}code .gutter{text-align:right}code table,code tbody,code td,code th,code tr{margin:0}.highlight .hll{background-color:#ffc}.highlight{background:#f8f8f8}.highlight .c{color:#408080;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:green;font-weight:700}.highlight .o{color:#666}.highlight .ch{color:#408080;font-style:italic}.highlight .cm{color:#408080;font-style:italic}.highlight .cp{color:#bc7a00}.highlight .cpf{color:#408080;font-style:italic}.highlight .c1{color:#408080;font-style:italic}.highlight .cs{color:#408080;font-style:italic}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:700}.highlight .gi{color:#00a000}.highlight .go{color:#888}.highlight .gp{color:navy;font-weight:700}.highlight .gs{font-weight:700}.highlight .gu{color:purple;font-weight:700}.highlight .gt{color:#04d}.highlight .kc{color:green;font-weight:700}.highlight .kd{color:green;font-weight:700}.highlight .kn{color:green;font-weight:700}.highlight .kp{color:green}.highlight .kr{color:green;font-weight:700}.highlight .kt{color:#b00040}.highlight .m{color:#666}.highlight .s{color:#ba2121}.highlight .na{color:#7d9029}.highlight .nb{color:green}.highlight .nc{color:#00f;font-weight:700}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:700}.highlight .ne{color:#d2413a;font-weight:700}.highlight .nf{color:#00f}.highlight .nl{color:#a0a000}.highlight .nn{color:#00f;font-weight:700}.highlight .nt{color:green;font-weight:700}.highlight .nv{color:#19177c}.highlight .ow{color:#a2f;font-weight:700}.highlight .w{color:#bbb}.highlight .mb{color:#666}.highlight .mf{color:#666}.highlight .mh{color:#666}.highlight .mi{color:#666}.highlight .mo{color:#666}.highlight .sa{color:#ba2121}.highlight .sb{color:#ba2121}.highlight .sc{color:#ba2121}.highlight .dl{color:#ba2121}.highlight .sd{color:#ba2121;font-style:italic}.highlight .s2{color:#ba2121}.highlight .se{color:#b62;font-weight:700}.highlight .sh{color:#ba2121}.highlight .si{color:#b68;font-weight:700}.highlight .sx{color:green}.highlight .sr{color:#b68}.highlight .s1{color:#ba2121}.highlight .ss{color:#19177c}.highlight .bp{color:green}.highlight .fm{color:#00f}.highlight .vc{color:#19177c}.highlight .vg{color:#19177c}.highlight .vi{color:#19177c}.highlight .vm{color:#19177c}.highlight .il{color:#666}.blogPost{max-width:780px;width:90%;margin:auto}.blogPost h3,h4,h5{margin-top:13px}.blogPost p{margin:0 0 1rem;text-align:justify}.blogPost img{margin:15px}.blogPost .timeStamp{color:#888}.blogPost div.highlight,div.highlighter-rouge{margin:0 0 1rem}