@import url(https://fonts.googleapis.com/css?family=Open+Sans:800|Raleway:300|Indie+Flower);
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes bounce{50%{-moz-transform:translateY(-10%)}100%{-moz-transform:translateY(0)}}@-webkit-keyframes bounce{50%{-webkit-transform:translateY(-10%)}100%{-webkit-transform:translateY(0)}}@keyframes bounce{50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}body{margin:0;padding:0;font-family:"Raleway",sans-serif;font-weight:300;font-size:20px;line-height:1.5em;min-width:350px;color:#222;border-top:10px solid #ffad00}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;font-weight:800;text-transform:uppercase}a{text-decoration:none}.text-center{text-align:center}.text-justify{text-align:justify}nav#primary{position:absolute;top:15px;left:0;z-index:10;display:flex;width:100%;padding:0}nav#primary .nav-brand{display:flex;-webkit-box-align:center;align-items:center;flex-grow:1;padding:0 20px;position:relative}nav#primary .nav-brand .nav-social{display:flex;flex-flow:row}nav#primary .nav-brand .nav-social a{display:flex;flex:1;text-decoration:none;margin-right:15px}nav#primary .nav-brand .nav-social a img{margin:0 5px;height:48px}nav#primary .nav-brand .nav-social a:hover img{-webkit-animation:bounce .3s ease;-moz-animation:bounce .3s ease;animation:bounce .3s ease}nav#primary .nav-brand .nav-social a:last-child{margin-right:0}nav#primary ul{display:flex;-webkit-box-align:center;align-items:center;justify-content:flex-end;flex-grow:1;padding:0 20px;margin:0}nav#primary ul li{transition:all .5s ease;display:flex;-webkit-box-align:center;align-items:center;font-family:"Open Sans",sans-serif;font-weight:800;justify-content:center;text-transform:uppercase;font-size:24px;margin-left:1rem}nav#primary ul li:hover{background:#222}nav#primary ul li:hover a{color:#fff}nav#primary ul li a{transition:all .5s ease;display:flex;-webkit-box-align:center;align-items:center;flex:1;justify-content:center;color:#222;padding:20px;text-decoration:none}nav#primary ul li a:visited{color:#222;text-decoration:none}nav#primary ul li a:hover{color:#fff;text-decoration:none}@media screen and (max-width: 860px){nav#primary{flex-wrap:wrap}nav#primary .nav-brand{flex:initial;width:100%;margin-top:20px;justify-content:center}nav#primary ul{width:100%;flex:initial;justify-content:center}nav#primary ul li{padding:0;margin-top:10px}nav#primary ul li a{padding:10px 5px}}header#hero{height:400px;width:100%;text-align:center;background:#f5f5f5;position:relative}header#hero canvas#hero-canvas{width:100%;height:100%}header#hero .hero-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;-webkit-box-align:center;align-items:center;justify-content:center;flex-flow:column wrap;text-shadow:#ccc 0px 0px 5px}header#hero .hero-avatar{width:100px;border-radius:50%;box-shadow:#ccc 0px 0px 10px}header#hero h1{font-family:"Indie Flower",sans-serif;font-weight:400;text-transform:none;font-size:6rem;margin-top:3rem;color:#222}header#hero h2{font-family:"Indie Flower",sans-serif;font-weight:400;text-transform:none;font-size:2.5rem;margin-top:-1rem}@media screen and (max-width: 860px){header#hero .hero-avatar{margin-top:150px}header#hero h1{font-size:4rem;margin-top:1.5rem}header#hero h2{margin-top:-1rem}}.content-section{max-width:1080px;width:100%;margin:0 auto;padding:10px 0}.content-section h1{font-size:48px}.flex-row{display:flex;-webkit-box-align:top;align-items:top;flex-flow:column wrap}@media screen and (min-width: 1000px){.flex-row{flex-flow:row}}.flex-col{display:flex;-webkit-box-align:top;align-items:top;flex:1;padding:20px}.flex-col.flex-col-center{display:flex;-webkit-box-align:center;align-items:center}.monitor{background:rgba(0,0,0,0) url(f958d17748dfe508185b.png) left top no-repeat;background-size:contain;width:300px;height:225px;margin:20px auto;position:relative}.monitor .monitor-next{font-family:"Open Sans",sans-serif;font-weight:800;position:absolute;top:10px;right:30px;z-index:2;background:none;border:0;font-size:30px;color:#aaa;outline:0}.monitor pre{background:#f8f8f8;position:absolute;top:15px;left:13px;font-size:10px;line-height:12px;height:162px;width:273px;overflow:auto;margin:0}.monitor pre code{display:none}.monitor pre code.is-active{display:block}@media screen and (min-width: 600px){.monitor{width:500px;height:375px}.monitor .monitor-next{top:30px;right:50px}.monitor pre{top:23px;left:23px;width:455px;font-size:12px;line-height:16px;height:272px}}.work-entry{transition:all .5s ease;overflow:hidden;display:block;box-shadow:#ccc 0px 1px 2px;border-radius:5px;position:relative}.work-entry:hover{box-shadow:#aaa 0px 1px 10px}.work-entry img{width:100%;margin-bottom:-10px}.corner-ribbon{font-family:"Indie Flower",sans-serif;font-weight:400;font-size:18px;width:200px;background:#e43;position:absolute;text-align:center;line-height:50px;letter-spacing:1px;color:#f0f0f0;right:-50px;bottom:25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.corner-ribbon.ribbon-blue{background:#39d}.corner-ribbon.ribbon-green{background:#2c7}#copyright{background:#f5f5f5;font-size:14px}