/*! normalize.css v3.0.1 | MIT License | git.io/normalize */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:700}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{-webkit-box-sizing:content-box;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]{-webkit-box-sizing:border-box;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;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}}@-webkit-keyframes b{0%{opacity:1%}to{opacity:0}}@keyframes b{0%{opacity:1%}to{opacity:0}}@font-face{font-family:Roboto-Regular;src:url(/fonts/Roboto-Regular.ttf) format("truetype")}html{font-family:Roboto-Regular,sans-serif;font-size:18px}@media only screen and (min-width:1024px){html{font-size:20px}}h1,h2,h3,h4,h5,h6,p{margin:.5em 0}h1{display:inline;font-size:1em;line-height:1em}h2{font-size:1.5em}h2,h3{margin:1em 0 .5em}h3{font-size:1.1em}h4,h5,h6,p{font-size:1em}p{margin:1em 0;line-height:1.6em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{text-decoration:none}h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover,h4 a:focus,h4 a:hover,h5 a:focus,h5 a:hover,h6 a:focus,h6 a:hover,p a:focus,p a:hover{text-decoration:underline}pre{max-height:500px}a{display:inline-block}article ul{-webkit-padding-start:20px;-moz-padding-start:20px;padding-inline-start:20px}article ul li{margin:5px 0;list-style-type:none}article ul li:before{content:"\2022";float:left;margin-left:-20px;padding:3px 0;color:#14191e;font-size:2em;line-height:.5em}article blockquote{margin:1em 0;padding:.5em;border-left:.5em solid #14191e;font-style:italic;font-size:1.5em}.center{text-align:center}::-moz-selection{background-color:#14191e;color:#fff}::selection{background-color:#14191e;color:#fff}body{background-color:#14191e;background-image:url(/media/aside.png)}body.exiting #nav-close,body.exiting main{-webkit-animation:.1s ease 0s normal forwards 1 b;animation:.1s ease 0s normal forwards 1 b}@media only screen and (min-width:1024px){body.nav-toggled{overflow:hidden;overflow:auto}}@media only screen and (min-width:1024px){.nav-toggled main{left:2.77778%;width:94.44444%}}.nav-toggled aside.nav .open-nav{display:none}.box{margin:10px 0;padding:20px;border:1px solid #c8c8c8;background-color:#fff;border-radius:5px}.box p:first-child{margin-top:0}.box p:last-child{margin-bottom:0}.box iframe{width:100%;margin:10px 0}.meta{padding:10px;background-image:url(/media/main.png);color:#000;border:1px solid #c8c8c8;border-radius:5px}span.meta{display:inline-block;margin:5px 0}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;min-height:100vh;padding:20px 2.77778%;background-color:#f0f0f0;background-image:url(/media/main.png);-webkit-transition:all .3s;transition:all .3s;-webkit-animation:1s ease 0s normal forwards 1 a;animation:1s ease 0s normal forwards 1 a}main a:not(.post-preview){word-break:break-all}main .content{margin-bottom:-30px}main .content:after{content:"";display:block;height:30px}main .spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}main img,main video{display:block;max-width:100%;margin:1em auto}main footer{height:30px;padding:5px;text-align:center}main footer:hover span{display:none}main footer:hover .song{display:block}main footer span{cursor:pointer}main footer .song{display:none}aside.nav{padding:20px 8.33333%;color:#fff;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}@media only screen and (min-width:1024px){aside.nav{float:left;position:fixed;top:0;min-height:600px;height:100%;padding-left:30px;padding-right:30px;-webkit-transform:translateX(-97.22222%);transform:translateX(-97.22222%);z-index:2}}aside.nav *{-webkit-transition:all .3s;transition:all .3s}@media only screen and (min-width:1024px){aside.nav *{opacity:1}}aside.nav a.home{border-bottom:3px solid #fff;-webkit-text-decoration:none #fff;text-decoration:none #fff}aside.nav .open-nav,aside.nav a.home{display:block;text-align:center;color:#fff}aside.nav .open-nav{margin-bottom:-20px;line-height:30px;font-size:.8em;text-decoration:none}@media only screen and (min-width:1024px){aside.nav .open-nav{display:none}}aside.nav h2{margin:0;text-align:left;font-size:3em}aside.nav nav{overflow:hidden}@media only screen and (max-width:1023px){aside.nav nav{display:none}}@media only screen and (min-width:1024px){aside.nav nav{position:absolute;width:100%;top:50%;text-align:center;font-size:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}aside.nav nav a{float:left;clear:both;position:relative;text-decoration:none;padding:5px 0;margin:2px;color:#fff;color:hsla(0,0%,100%,.5);font-size:24px;overflow:hidden}aside.nav nav a.active,aside.nav nav a:focus,aside.nav nav a:hover{color:#fff}aside.nav nav i{padding-right:5px;font-size:20px}aside.nav footer{margin-top:20px}@media only screen and (max-width:1023px){aside.nav footer{display:none}}@media only screen and (min-width:1024px){aside.nav footer{position:absolute;left:30px;bottom:30px}}aside.nav footer a{position:relative;bottom:0;height:42px;margin:0 5px;text-decoration:none;text-align:center;opacity:.7;-webkit-transition:all .3s;transition:all .3s}aside.nav footer a:focus,aside.nav footer a:hover{opacity:1}aside.nav footer a:focus i,aside.nav footer a:hover i{top:0}aside.nav footer a:first-child{margin-left:0}aside.nav footer i{position:relative;display:inline-block;width:32px;height:32px;top:10px;color:#fff;line-height:32px;border-radius:5px}aside.nav footer i.icon-github{background-color:#201f1f}aside.nav footer i.icon-stackoverflow{background-color:#0073b2}aside.nav footer i.icon-linkedin{background-color:#fe7a15}aside.nav footer i.icon-twitter{background-color:#49aae6}aside.nav footer i.icon-youtube{background-color:#e62117}.nav-toggled aside.nav{-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (min-width:1024px){.nav-toggled aside.nav{-webkit-transform:translateX(-90%);transform:translateX(-90%)}}@media only screen and (min-width:1024px){.nav-toggled aside.nav *{opacity:0}}.nav-toggled aside.nav #nav-close{opacity:0;-webkit-animation:none;animation:none}.nav-toggled aside.nav footer,.nav-toggled aside.nav nav{display:block}#nav-open{position:fixed;left:2.77778%;margin-left:-25px;background-image:url(/media/aside.png);z-index:1}#nav-open:hover{margin-left:-20px}#nav-close{right:0;margin-right:-25px;background-color:#f0f0f0;background-image:url(/media/main.png);-webkit-animation:1s ease 0s normal forwards 1 a;animation:1s ease 0s normal forwards 1 a}#nav-close:hover{margin-right:-20px}aside.right{position:fixed;right:0;bottom:0;width:2.77778%;height:100%;background-color:#14191e;background-image:url(/media/aside.png);-webkit-animation:.3s ease 0s normal forwards 1 a;animation:.3s ease 0s normal forwards 1 a}.diamond{display:none;width:40px;height:40px;border:0;padding:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (min-width:1024px){.diamond{display:block}}.diamond.toggle{position:absolute;top:50%;margin-top:-20px;-webkit-transition:margin .3s;transition:margin .3s}main{left:5.55556%;width:88.88889%}@media only screen and (min-width:1024px){main{left:27.77778%;width:69.44444%}}@media only screen and (min-width:1350px){main{left:22.22222%;width:75%}}@media only screen and (min-width:1600px){main{left:19.44444%;width:77.77778%}}@media only screen and (min-width:1800px){main{left:16.66667%;width:80.55556%}}@media only screen and (min-width:2200px){main{left:13.88889%;width:83.33333%}}@media only screen and (min-width:2600px){main{left:11.11111%;width:86.11111%}}aside.nav{width:100%}@media only screen and (min-width:1024px){aside.nav{width:27.77778%;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:1350px){aside.nav{width:22.22222%}}@media only screen and (min-width:1600px){aside.nav{width:19.44444%}}@media only screen and (min-width:1800px){aside.nav{width:16.66667%}}@media only screen and (min-width:2200px){aside.nav{width:13.88889%}}@media only screen and (min-width:2600px){aside.nav{width:11.11111%}}@media only screen and (min-width:1600px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:55.55556%}}@media only screen and (min-width:1800px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:50%}}@media only screen and (min-width:1900px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:47.22222%}}@media only screen and (min-width:2000px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:44.44444%}}@media only screen and (min-width:2100px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:41.66667%}}@media only screen and (min-width:2200px){.blog-page main,.page-page main,.project-page main,.songs-page main{width:38.88889%}}.group:hover .example{opacity:.6}.group .example{padding:20px;cursor:pointer;color:#464646;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;text-align:center}.group .example:focus,.group .example:hover{opacity:1}.group .example:focus .info-title,.group .example:hover .info-title{text-decoration:underline}.group .example:active{background-color:#8c8c8c;color:#fff}.group .example .info{word-break:normal}.group .example img{border:1px solid #c8c8c8;margin:0}.group .example .example-technologies{margin-top:20px}.post-nav{padding:0;font-size:0}.post-nav,.post-nav .nav-item{overflow:hidden;position:relative;width:100%}.post-nav .nav-item{text-decoration:none;font-size:18px}@media only screen and (min-width:1024px){.post-nav .nav-item{font-size:20px}}.post-nav .nav-item .post-nav-arrow{display:inline-block;height:100%;font-size:2em;padding:0 5px;background-color:#fff;border-radius:5px}.post-nav .nav-item.prev-post{float:left;padding-left:0}.post-nav .nav-item.prev-post .post-nav-arrow{float:left}.post-nav .nav-item.prev-post .post-nav-title{margin-left:25px}.post-nav .nav-item.next-post{float:right;padding-right:0}.post-nav .nav-item.next-post .post-nav-arrow{float:right}.post-nav .nav-item.next-post .post-nav-title{margin-right:25px}.post-nav .nav-item .post-nav-title{display:block;padding:10px;color:#464646;overflow:hidden}@media only screen and (min-width:768px){.post-nav .nav-item .post-nav-title{white-space:nowrap}}.accessibility-toolbar a{position:absolute;left:-100%;top:20px;z-index:100;background-color:#fff;color:#000;text-decoration:none;font-size:20px;padding:10px;-webkit-transition:all .3s;transition:all .3s}.accessibility-toolbar a:focus{left:20px}@font-face{font-family:icomoon;src:url(/fonts/icomoon.eot?qx6qv1);src:url(/fonts/icomoon.eot?qx6qv1#iefix) format("embedded-opentype"),url(/fonts/icomoon.ttf?qx6qv1) format("truetype"),url(/fonts/icomoon.woff?qx6qv1) format("woff"),url(/fonts/icomoon.svg?qx6qv1#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-github:before{content:"\f00a"}.icon-linkedin:before{content:"\e600"}.icon-stackoverflow:before{content:"\e601"}.icon-twitter:before{content:"\e602"}.icon-youtube:before{content:"\ea9d"}.icon-play:before{content:"\ea1c"}.icon-bubble:before{content:"\e96b"}.icon-info:before{content:"\ea0c"}.icon-user-tie:before{content:"\e976"}.icon-filter:before{content:"\ea5b"}.icon-database:before{content:"\e964"}.icon-wrench:before{content:"\e991"}.icon-code-start:before{content:"\ea7f"}.icon-code-end:before{content:"\ea80"}.tags{text-align:center;margin:20px;font-size:0}.tags-tag,.tags-title{font-size:18px}@media only screen and (min-width:1024px){.tags-tag,.tags-title{font-size:20px}}.tags-tag{position:relative;color:#1e1e1e;text-decoration:none;margin:5px;padding:10px;-webkit-transition:all .3s;transition:all .3s}.tags-tag.active,.tags-tag:focus,.tags-tag:hover{background-color:#1e1e1e;color:#fff}.youtube-video{display:block;position:relative;padding-top:56.25%;margin:1em 0;background-repeat:none;background-size:cover;background-position:50% 50%}.youtube-video:focus:before,.youtube-video:hover:before{opacity:.5}.youtube-video:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:#000;opacity:0;-webkit-transition:all .3s;transition:all .3s}.youtube-video .youtube-video-play{position:absolute;left:50%;top:50%;padding:10px;margin-left:-26px;margin-top:-26px;font-size:32px;color:#fff;background-color:#000}.youtube-video .youtube-video-title{position:absolute;bottom:0;left:0;right:0;padding:.5em;color:#fff;text-decoration:none;font-size:.8em;background-color:rgba(0,0,0,.7);word-break:keep-all}@media only screen and (min-width:768px){.youtube-video .youtube-video-title{font-size:1em;background-color:rgba(0,0,0,.3)}}.breadcrumbs{margin:0;text-align:center;margin-bottom:.5em;color:#464646}.breadcrumbs a,.breadcrumbs h1,.breadcrumbs span{font-size:1.5em;line-height:1.5em}@media only screen and (min-width:1024px){.breadcrumbs a,.breadcrumbs h1,.breadcrumbs span{font-size:2em}}.breadcrumbs a{text-decoration:none}.info-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:768px){.info-columns{margin:0 -1.38889%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.info-columns-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;float:left;width:100%;text-align:center;color:#464646}@media only screen and (min-width:768px){.info-columns-column{width:22.22222%;margin:0 1.38889%}}.info-columns-column i{display:inline-block;width:80px;height:80px;border:1px solid #c8c8c8;margin:0 auto;border-radius:50%;font-size:40px;line-height:80px;background-color:#f0f0f0;background-image:url(/media/main.png)}.info-columns-column p{margin:0}.post-preview-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:768px){.post-preview-columns{margin:0 -1.38889%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.post-preview-columns .post-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;float:left;width:100%}@media only screen and (min-width:768px){.post-preview-columns .post-preview{width:30.55556%;margin:0 1.38889%}}.post-preview-columns .post-preview .meta{margin-top:auto}.post-preview{display:block;color:#464646;text-decoration:none;background-color:#fff;border:1px solid #c8c8c8;padding:10px;margin:10px 0;border-radius:5px}.post-preview:focus h2,.post-preview:hover h2{text-decoration:underline}.post-preview h2{margin-top:0}.masonry{-webkit-column-gap:1.5em;column-gap:1.5em}@media only screen and (min-width:1024px){.masonry{-webkit-column-count:2;column-count:2}}@media only screen and (min-width:1280px){.masonry{-webkit-column-count:3;column-count:3}}hr{border:1px dashed #c8c8c8}
/*# sourceMappingURL=main.css.map */