html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.button{background-color:#f06;padding:1em 1.25em;font-size:1em;font-family:"Open Sans",sans-serif;font-weight:600;color:#fff;text-decoration:none;border-radius:8px;margin-top:.2em;margin-bottom:1em;display:inline-block}.button:hover{background-color:#333}.button-type{font-weight:400;opacity:.8;padding-left:.5em}form{margin:2em auto}input,select,textarea{display:block;padding:1em;background-color:#eee;vertical-align:middle;width:100%;max-width:100%;border:none;border-bottom:2px solid #eee;border-radius:4px;font-size:.9em;font-family:"Open Sans",sans-serif;margin-bottom:1.5em;color:#000}input:focus,select:focus,textarea:focus{outline:none;border-bottom:2px solid #f06;transition:border .15s}label{font-family:"Open Sans",sans-serif;font-weight:600;font-size:1em;margin-bottom:1em;display:block}input[type=submit]{margin:1.2em 0}main.contact{max-width:700px;padding:0 1em}@media(min-width: 768px){main.contact{max-width:700px;margin-top:4em}}.gosling{transform:translate(-17%, 2%)}html{font-size:16px;box-sizing:border-box}a{outline:none}*,*:before,*:after{box-sizing:inherit}*::selection{background:#d6d6d6}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}*::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}nav{font-family:"Zilla Slab",serif;font-size:1.1em;max-width:280px;margin:0 auto;margin-top:1em;margin-bottom:.6em;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}nav>a{padding:1.2em 1.2em;opacity:.5;display:block;text-align:center;vertical-align:text-bottom}nav>a:hover{opacity:1}nav>#davigo{text-transform:uppercase;transform:translateY(2px);font-family:"Lato",sans-serif;letter-spacing:2px;font-size:.9em;text-shadow:0px 0px 10px #f90}@media(min-width: 480px){nav{max-width:100%;margin-top:1em;margin-bottom:2em}nav>a{padding:1em 1.3em;margin:0 .6em;flex-basis:auto}}@media(min-width: 768px){nav{max-width:100%;margin-top:.4em;margin-bottom:1em}nav>a{padding:1em 1.3em;margin:0 .6em;flex-basis:auto}}main{max-width:1280px;margin:0 auto;display:block}header{display:block;margin-top:10px;margin-bottom:60px}@media(min-width: 768px){header{margin-top:10px;margin-bottom:80px}}footer{display:block;width:100%;margin-top:100px;margin-bottom:15px;text-align:center;font-size:.8em;opacity:.5}.title-logo{width:161px;height:175px;margin:0 auto;margin-bottom:30px;transform:translate(-20px, 0);background-image:url("/media/portfolio/r-logo-spritesheet.png");background-size:cover}@media(min-width: 768px){.title-logo{width:230px;height:250px;margin-bottom:60px}}.title-logo:hover{animation:titleshine .7s steps(11) forwards}@keyframes titleshine{to{background-position:-1100% 0px}}.title-text{margin:0 auto;margin-top:2em;margin-bottom:2.5em;max-width:920px;padding:0 1.5em;text-align:center}.davigo-preview{position:relative;margin:40px auto 45px;max-width:500px;border-radius:4px;overflow:hidden}.social-links{margin:0 auto;padding:0 5px;text-align:center}.social-link{width:60px;height:60px;background-size:cover;display:inline-block;margin:0 6px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(min-width: 768px){.social-link{width:70px;height:70px;margin:0 10px}}#social-youtube{background-image:url("/media/portfolio/youtube-logo-spritesheet.png")}#social-youtube:hover{animation:youtube .25s steps(16) forwards}@keyframes youtube{to{background-position:-1600% 0px}}#social-linkedin{background-image:url("/media/portfolio/linkedin-logo-spritesheet.png")}#social-linkedin:hover{animation:linkedin .25s steps(8) forwards}@keyframes linkedin{to{background-position:-800% 0px}}#social-reddit{background-image:url("/media/portfolio/reddit-logo-spritesheet.png")}#social-reddit:hover{animation:reddit .25s steps(9) forwards}@keyframes reddit{to{background-position:-900% 0px}}#social-twitter{background-image:url("/media/portfolio/twitter-logo-spritesheet.png")}#social-twitter:hover{animation:twitter .25s steps(6) forwards}@keyframes twitter{to{background-position:-600% 0px}}#social-unity{background-image:url("/media/portfolio/unity-logo-spritesheet.png")}#social-unity:hover{animation:unity .3s steps(6) forwards}@keyframes unity{to{background-position:-600% 0px}}#social-email{background-image:url("/media/portfolio/email-spritesheet.png")}#social-email:hover{animation:email .2s steps(4) forwards}@keyframes email{to{background-position:-400% 0px}}#social-cv{background-image:url("/media/portfolio/cv-logo-spritesheet.png")}#social-cv:hover{animation:cv .4s steps(7) forwards}@keyframes cv{to{background-position:-700% 0px}}video{width:100%;height:100%;background-size:contain;display:block;cursor:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.controls{height:80px;width:80px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-size:cover;z-index:10;cursor:pointer;background-image:url("/media/portfolio/play-button-spritesheet.png");-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.controls:hover{animation:play .15s steps(6) forwards}@keyframes play{to{background-position:-480px 0px}}.loading{height:128px;width:128px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-size:cover;z-index:10;pointer-events:none;background-image:url("/media/portfolio/loading-spritesheet.png");animation:loading 1s steps(23) infinite;display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@keyframes loading{from{background-position:0px 0px}to{background-position:-2944px 0px}}.video-link{z-index:10;cursor:pointer;height:36px;width:36px;bottom:15px;right:20px;position:absolute;background-size:cover;background-position:-216px 0px;background-image:url("/media/portfolio/hotlink-spritesheet.png")}.video-link:hover{animation:link .2s steps(6) forwards}@keyframes link{from{background-position:0px 0px}to{background-position:-216px 0px}}.gallery-col{width:100%;position:relative}@media(min-width: 768px){.gallery-col{width:50%;float:left}}.gallery-row{width:100%}.patreon-home{margin:0 auto}.button.patreon{background-color:#ff424d;padding:.78em 1.55em}.button.patreon:hover{background-color:#333}.email{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;background-color:#eee;padding:.2em .4em;border:2px dashed #bbb;border-radius:4px;font-weight:600}.email:hover{background-color:#ddd}.email:active{background-color:#ccc}.email>span::selection{background-color:#ffb91a}.email>span:last-child{user-select:none}.email-clipboard{display:none}.email-clipboard>span:last-child{cursor:pointer}.email-mailto{display:inline}.clipboard-alert{position:absolute;transform:translate(0, -100%);user-select:none;background:#fff;padding:.05em .6em;border-radius:8px;font-size:.9em;filter:drop-shadow(0.2em 0.2em 8px rgba(0, 0, 0, 0.4));opacity:0;transition:opacity linear .6s}.opaque{opacity:1;transition:opacity linear 0s}@media(hover: hover)and (pointer: fine){.email-clipboard{display:inline}.email-mailto{display:none}}body{font-family:"Open Sans",sans-serif;font-size:1em;font-weight:400;line-height:1.8em}a{text-decoration:none;color:#000}a:visited{color:#000}h1{font-family:"Zilla Slab",serif;font-size:2.2em;font-weight:600;margin-top:.2em;margin-bottom:.2em}h2{font-family:"Zilla Slab",serif;font-size:2em;font-weight:600;margin-top:1.2em;margin-bottom:.7em}h3{font-family:"Zilla Slab",serif;font-size:1.6em;font-weight:500;margin-top:1.2em;margin-bottom:.7em;opacity:.85}p{font-family:"Open Sans",sans-serif;font-size:1em;font-weight:400;line-height:1.8em;margin-bottom:1.5em}p>a,li>a,.inline-link{color:#f06;border-bottom:2px solid #f06}p>a:hover,li>a:hover,.inline-link:hover{color:#f06;border-bottom:0px solid #f06}p>a:visited,li>a:visited,.inline-link:visited{color:#f06}p>code{border:1px solid rgba(0,0,0,.25);padding:.1em .25em;border-radius:4px;color:#333}p>code.class{color:#12ab70;border-color:rgba(48,197,140,.45)}p>code.variable{color:#2f73c8;border-color:rgba(47,115,200,.45)}em{font-style:italic}strong{font-weight:600}ul{list-style-type:disc;padding-left:1em;margin-top:1.5em;margin-bottom:2em}li::marker{color:#555}@media(min-width: 768px){h1{font-size:3em;margin-top:.7em}h2{margin-top:2em;margin-bottom:1em}h3{margin-top:1.6em;margin-bottom:.8em}p{line-height:1.9em}}main.tutorial{padding:0 1em}@media(min-width: 768px){main.tutorial{max-width:800px}}.tutorial-title{margin-top:2em;margin-bottom:1.5em}.tutorial-title h3{font-family:"Zilla Slab",serif;font-size:1.2em;font-weight:400;margin-top:.7em}@media(min-width: 768px){.tutorial-title{margin-top:3em;margin-bottom:3em}}aside{background-color:#eee;margin-bottom:2em;border-left:10px solid #ddd}aside>div.aside-content{padding:0 30px;padding-bottom:2em;display:none}aside.expanded>div.aside-content{display:block}.aside-content>p{margin-bottom:1em;font-size:.9em}.aside-button{padding:30px;cursor:pointer}.aside-button>h4{font-family:"Open Sans",sans-serif;font-weight:600;color:#333;font-size:.9em;display:block;line-height:1.7em}.aside-content>img{display:block;width:100%;margin:0 auto;margin-top:1.5em;margin-bottom:2em;border-radius:4px}.aside-content>img.small{width:60%}@media(min-width: 768px){aside{border-left:20px solid #ddd}.aside-content>img{width:70%;margin-bottom:2.5em}.aside-content>img.small{width:150px}}code{font-family:Monospace;line-height:1.6em}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;color:#eee;margin-top:2em;margin-bottom:2em;background-color:#333;padding:1em 1em;border-radius:4px;font-size:.9em}a.button{color:#fff}.figure-header-cc{border-radius:8px;display:block;width:90%;margin:0 auto;margin-bottom:40px;-webkit-box-shadow:0px 9px 39px 1px rgba(0,0,0,.48);-moz-box-shadow:0px 9px 39px 1px rgba(0,0,0,.48);box-shadow:0px 9px 39px 1px rgba(0,0,0,.48)}.header-image{margin-top:60px}.tutorial-body{margin-top:1em;margin-bottom:2em}.tutorial-duration{margin-bottom:2em;opacity:.8;height:30px;line-height:30px}.tutorial-stopwatch{width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:left;background-image:url("/media/tutorials/stopwatch-icon.png");display:block;float:left}.tutorial-duration>h4{font-family:"Open Sans",sans-serif;display:block;font-weight:400;font-size:1.2em;float:left;padding-top:.09em;padding-left:.4em}.tutorial-info{background-color:rgba(0,0,0,.05);padding:1.2em 1.7em;margin-bottom:2em;border-radius:8px}.tutorial-info>p{margin:0 0 0 .5em;font-size:1em}.drop{font-family:"Zilla Slab",serif;font-weight:600;font-size:1.3em}@media(min-width: 768px){.drop{font-size:1.5em}}.note{background-color:#eee;padding:30px 30px 30px 30px;margin-bottom:3em;border-left:20px solid #ddd}.note h5{font-family:"Zilla Slab",serif;font-weight:600;font-size:1.6em;margin-bottom:.7em}pre .added{border:1px dashed rgba(102,255,51,.4);padding:.1em .25em;border-radius:4px;background:rgba(102,255,51,.15)}pre .modified{border:1px dashed rgba(255,255,37,.6);padding:.1em .25em;border-radius:4px;background:rgba(255,255,37,.15)}pre .removed{border:1px dashed rgba(255,139,139,.6);padding:.1em .25em;border-radius:4px;background:rgba(255,12,12,.25)}.video-gfycat{position:relative;padding-bottom:56.25%;overflow:hidden}.video-gfycat>iframe{position:absolute;top:0;left:0;width:100%;height:calc(100% + 44px)}.figure-header{display:block;width:90%;margin:0 auto}.figure-header-shadowed{margin-bottom:3em;border-radius:8px;-webkit-box-shadow:0px 9px 39px 1px rgba(0,0,0,.48);-moz-box-shadow:0px 9px 39px 1px rgba(0,0,0,.48);box-shadow:0px 9px 39px 1px rgba(0,0,0,.48)}.project-info{display:flex;border:2px dashed rgba(0,0,0,.15);background-color:rgba(0,0,0,.025);padding:1.2em 1.7em;margin-top:2em;margin-bottom:3em;border-radius:8px}.project-info-icon{width:48px;height:48px;background-size:contain;background-repeat:no-repeat;background-position:center top 0px;background-image:url("/media/tutorials/stopwatch-icon.png");margin:auto;opacity:.5}.project-info-note{font-family:"Open Sans",sans-serif;font-size:1em;line-height:1.6em}.figure{width:100%;margin-top:2em;margin-bottom:3em}.figure>img,.figure>.container{width:100%;display:block;margin:0 auto;border-radius:8px;overflow:hidden}.figure>img.tiny{width:45%}.figure>img.small{width:65%}.figure>img.medium{width:75%}.figure>img.wide{width:100%}.figure>.figure-info{font-family:"Open Sans",sans-serif;font-size:.9em;line-height:1.5em;color:#6d6d6d;width:100%;margin:0 auto;margin-top:1em}@media(min-width: 768px){.figure>img,.figure>.container{width:540px}.figure>img.tiny{width:160px}.figure>img.small{width:260px}.figure>img.medium{width:360px}.figure>img.wide{width:100%}.figure>.figure-info{width:80%}}.modified-inline{border:1px dashed #b3b325;padding:.1em .25em;border-radius:4px;background:rgba(255,255,37,.15)}.cornflower{transition:all .2s}.cornflower:hover{color:#7fa6ff;transition:all .25s}.silhouette:hover{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-weight:600;color:#fff}.patreon-info{border-radius:8px;border:2px dashed rgba(189,44,0,.15);background-color:rgba(181,64,27,.08);padding:1.2em 1.7em;margin-top:2em;margin-bottom:3em;border-radius:8px}.tip-info{border-radius:8px;border:2px dashed rgba(13,109,146,.2);background-color:rgba(0,141,148,.04);padding:1.2em 1.7em;margin-top:2em;margin-bottom:2em;border-radius:8px}.tip-info>p{margin:0;font-size:1em}.toggle-gif{cursor:pointer;position:relative}.toggle-gif>img{width:100%}.toggle-gif.playing>.play-button{display:none}.toggle-gif>img:nth-last-child(2){display:block}.toggle-gif>img:last-child{display:none}.toggle-gif.playing>img:nth-last-child(2){display:none}.toggle-gif.playing>img:last-child{display:block}.play-button{width:60px;height:60px;opacity:1;border-radius:50%;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%)}.toggle-gif:hover>.play-button{opacity:1;background-color:rgba(255,255,255,.3)}.play-button>div{width:28px;height:28px;border-style:solid;border-width:14px 0px 14px 28px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;position:absolute;top:24%;left:30%}.toggle-gif:hover>.play-button.dark{background-color:rgba(0,0,0,.2)}.play-button.dark>div{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.5)}.patreon-info>.button.patreon{padding:.5em 1.55em}main.tutorials-index{width:100%;padding:0 2em;margin-top:2em;margin-bottom:3em}ul.article-list{text-align:center}ul.article-list>a{display:block;margin-bottom:2.5em}ul.article-list>a>h2{color:#000;font-size:1.4em;margin-bottom:.4em;margin-top:0}ul.article-list>a>h3{color:#000;font-size:1.1em;font-weight:400;margin-top:0;margin-bottom:1em}ul.article-list>a>img{display:block;width:100%;margin:0 auto;margin-bottom:1em;border-radius:4px}ul.article-list>a>time{font-family:"Open Sans",sans-serif;font-size:1em;font-weight:400;margin-bottom:1.5em;opacity:.7}@media(min-width: 768px){main.tutorials-index{max-width:750px;margin-top:4em;padding:0}ul.article-list>a{display:block;margin-bottom:3.5em}ul.article-list>a>h2{font-size:1.7em}ul.article-list>a>h3{margin-bottom:1.5em}ul.article-list>a>img{width:50%}}.unity-button{width:23px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;transform:translateY(6.5px);margin-left:2px;margin-right:4px}.unity-play-button{background-image:url("/media/tutorials/icons/unity-play.png")}.unity-pause-button{background-image:url("/media/tutorials/icons/unity-pause.png")}.unity-toggle-effects-button{width:38px;transform:translateY(5px);background-image:url("/media/tutorials/icons/unity-toggle-effects.png");margin-right:6px}pre{line-height:1.5}code>mark.add{background-color:green}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;text-align:left;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}