*{padding:0;margin:0;box-sizing:border-box}.pill{display:inline-block;padding:.25em .5em}h1{font-size:2.25em}h2{font-size:1.5em}h3{font-size:1.125em}h4{font-size:.875em}p,li,span{font-size:.75em}h1,h2,h3,h4,h5,h6{font-family:"adelle-sans","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4}p{font-family:"pragmatica-web","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.6}h2:not(.info-title){text-align:center;color:#036;padding-bottom:.4em}i,i::before,i::after{color:#fafafa}i{padding:.2em}.hero{width:100%;height:90vh;display:-webkit-flex;display:flex;background-color:#036;font-size:1.4em;text-align:center;padding-top:2em;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:stretch;align-items:stretch}.hero-title{font-family:"aw-conqueror-inline","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff}.hero-title::first-line{font-size:1.25em;line-height:.2}.hero-svg-planet{display:block;margin:0 auto;max-width:15em;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media screen and (max-width:60em){.hero{font-size:1.2em}}@media screen and (max-width:30em){.hero{font-size:1em}.hero-svg-planet{width:100%}.hero-title::first-line{font-size:1em}}.monster-body{fill:lightgrey;stroke:grey;stroke-width:.5em;stroke-linecap:round}.monster--ruby .monster-body{fill:#ed2162;stroke:#b30f43}.monster--html .monster-body{fill:#ff962e;stroke:#e07000}.monster--js .monster-body{fill:#ffdc52;stroke:#ffcd05}.monster--css .monster-body{fill:#38f;stroke:#0060e6}.monster--php .monster-body{fill:#9863e9;stroke:#6c20df}.monster--objectc .monster-body{fill:#43e830;stroke:#25b814}.monster-eye{fill:#fff;fill-opacity:.8}.monster-mouth{stroke:#000;stroke-width:8;stroke-linecap:round;fill-opacity:0}.monster-slider{width:45%;float:left}.monster-slider svg{display:block;width:90%;text-align:center;margin:0 auto}#languages{width:80%;max-width:40em;margin:1.4em auto;padding:0 1em}@media screen and (max-width:40em){#languages{width:100%;padding:0 1em}}.info_slider{width:50%;margin-left:.5em;float:right}.language-slider::after{content:" ";display:table;clear:both;visibility:hidden}.info_card .info-title{margin-top:.5em;color:grey;border-bottom:2px solid grey}.info_card--html .info-title{color:#ff962e;border-color:#ff962e}.info_card--html .info-point::before{color:#ff962e}.info_card .pill--html{background-color:#ff962e}.info_card--css .info-title{color:#38f;border-color:#38f}.info_card--css .info-point::before{color:#38f}.info_card .pill--css{background-color:#38f}.info_card--js .info-title{color:#ffdc52;border-color:#ffdc52}.info_card--js .info-point::before{color:#ffdc52}.info_card .pill--js{background-color:#ffdc52}.info_card--ruby .info-title{color:#ed2162;border-color:#ed2162}.info_card--ruby .info-point::before{color:#ed2162}.info_card .pill--ruby{background-color:#ed2162}.info_card--php .info-title{color:#9863e9;border-color:#9863e9}.info_card--php .info-point::before{color:#9863e9}.info_card .pill--php{background-color:#9863e9}.info_card--objectc .info-title{color:#43e830;border-color:#43e830}.info_card--objectc .info-point::before{color:#43e830}.info_card .pill--objectc{background-color:#43e830}.info_card .info-points{list-style:none;margin:.75em 1.75em}.info_card .info-points .info-point::before{content:"\2022";font-size:1.5em;padding-right:.25em;position:relative;top:.1em}@media screen and (max-width:60em){.monster-slider svg{width:100%}#languages{padding:0 .25em;width:90%}}@media screen and (max-width:40em){.info_slider,.monster-slider{display:block;float:none;width:100%}.info_slider{margin:-1em 0 0}.info_card{width:100%;margin:0;padding:0}.info-title{text-align:center}.monster-slider svg{width:70%}.info-points{list-style:none;margin:.5em!important}}@media screen and (max-width:30em){.monster-slider svg{width:90%}}.social-boxes{list-style:none;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;font-size:.75em}.social-boxes .social-box{-webkit-flex-grow:1;flex-grow:1;text-align:center;min-width:2em}.social-boxes .box--mail{background-color:#ff962e}.social-boxes .box--mail:hover,.social-boxes .box--mail:focus,.social-boxes .box--mail:active{background-color:#ffbd7a}.social-boxes .box--twitter{background-color:#55ACEE}.social-boxes .box--twitter:hover,.social-boxes .box--twitter:focus,.social-boxes .box--twitter:active{background-color:#9bcef5}.social-boxes .box--github{background-color:#aaa}.social-boxes .box--github:hover,.social-boxes .box--github:focus,.social-boxes .box--github:active{background-color:#d0d0d0}.social-boxes .box--codepen{background-color:#333}.social-boxes .box--codepen:hover,.social-boxes .box--codepen:focus,.social-boxes .box--codepen:active{background-color:#595959}@media screen and (max-width:45em){.social-boxes{font-size:.5em}}.on{width:45em;margin-left:-7em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.on,.table{position:absolute;bottom:0}.table{height:23.563em;width:100%;background:#deb778;border-top-left-radius:.438em;border-top-right-radius:.438em;box-shadow:inset 0 -1em 0 0 rgba(114,72,34,.4)}.notepad{height:12.063em;width:8.5em;background:linear-gradient(to bottom,#f17777 0,#f17777 2.125em,#fff 2.125em,#fff 3.875em,#cee8ef 3.875em,#cee8ef 4.125em,#fffefe 4.125em,#fff 5.625em,#cee8ef 5.625em,#cee8ef 5.875em,#fff 5.875em,#fff 7.375em,#cee8ef 7.375em,#cee8ef 7.625em,#fff 7.625em,#fff 9.125em,#cee8ef 9.125em,#cee8ef 9.375em,#fff 9.375em,#fff 11em,#cee8ef 11em,#cee8ef 12.063em);box-shadow:-.625em 0 0 0 rgba(172,91,20,.2);position:absolute;bottom:2.688em;left:4.75em;overflow:hidden;line-height:1.9em;font-family:'Patrick Hand SC',Arial,sans-serif;font-weight:700}.notebook{height:32.625em;width:28.563em;position:absolute;bottom:5.25em;left:16.375em}.display{height:18.125em;background:linear-gradient(30deg,#333 0%,#333 50%,#3b3b3b 50%,#3b3b3b 100%);box-sizing:border-box;border:1.563em solid #515555}.display,.keyboard{position:relative;width:100%;border-radius:.625em}.keyboard{height:14.5em;background:#d7e2e6;box-shadow:inset 0 -.938em 0 0 #959fa0,-.938em 0 0 0 rgba(172,91,20,.2)}.arrow::before,.arrow::after{content:"";height:.75em;width:2.25em;background:#ccc;position:absolute;border-radius:.375em;left:1.313em}.arrow::before{-webkit-transform:rotate(40deg);transform:rotate(40deg);top:2.75em}.arrow::before,.arrow::after{-webkit-transform-origin:right center;transform-origin:right center}.arrow::after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);top:2.375em}.cursor{height:3.875em;width:3.125em;border-radius:.375em;background:linear-gradient(30deg,#4d4d4d 0%,#4d4d4d 50%,#545454 50%,#545454 100%);position:relative;top:.938em;left:4.813em;background-position:0 -.188em;background-size:220%;-webkit-animation:blink 2s step-end infinite;animation:blink 2s step-end infinite}.key{height:1.563em;width:1.563em;background:#515555;border-radius:.5em;position:absolute}.key:nth-child(1){top:1.375em;left:3.813em}.key:nth-child(2){top:1.375em;left:5.75em}.key:nth-child(3){top:1.375em;left:7.688em}.key:nth-child(4){top:1.375em;left:9.625em}.key:nth-child(5){top:1.375em;left:11.563em}.key:nth-child(6){top:1.375em;left:13.5em}.key:nth-child(7){top:1.375em;left:15.438em}.key:nth-child(8){top:1.375em;left:17.375em}.key:nth-child(9){top:1.375em;left:19.25em}.key:nth-child(10){top:1.375em;left:21.188em}.key:nth-child(11){top:1.375em;left:23.125em}.key:nth-child(12){top:3.5em;left:3.625em;width:3.688em}.key:nth-child(13){top:3.5em;left:7.688em}.key:nth-child(14){top:3.5em;left:9.625em}.key:nth-child(15){top:3.5em;left:11.563em}.key:nth-child(16){top:3.5em;left:13.5em}.key:nth-child(17){top:3.5em;left:15.438em}.key:nth-child(18){top:3.5em;left:17.375em}.key:nth-child(19){top:3.5em;left:19.25em}.key:nth-child(20){top:3.5em;left:21.188em;width:3.75em}.key:nth-child(21){top:5.625em;left:3.625em;width:2.625em}.key:nth-child(22){top:5.625em;left:6.563em;width:2.563em}.key:nth-child(23){top:5.625em;left:9.438em;width:9.688em}.key:nth-child(24){top:5.625em;left:19.438em;width:2.625em}.key:nth-child(25){top:5.625em;left:22.375em;width:2.563em}.trackpad{height:3.75em;width:7.75em;border-radius:.375em;background:#c2cdcf;position:absolute;top:8.375em;left:10.438em}.cup{height:9.688em;width:8.188em;position:absolute;bottom:16.813em;left:3.75em;background:#1d80c2;border-top-left-radius:50% 34%;border-top-right-radius:50% 34%;border-bottom-left-radius:45% 67%;border-bottom-right-radius:45% 67%}.cupshadow{height:3.5em;width:6.25em;background:rgba(172,91,20,.2);border-bottom-left-radius:3.5em;border-bottom-right-radius:3.5em;position:absolute;bottom:16.563em;left:3.25em}.top{height:6.063em;width:8.188em;background:#8f6739;border-radius:50%;border:.75em solid #46a8eb;box-shadow:inset 0 3.125em 0 -1.25em #6b4b28}.top,.handle{box-sizing:border-box;position:absolute}.handle{height:4.125em;width:3.75em;background:0 0;border:1em solid #1d80c2;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:80% 60%;top:3.75em;left:-1.938em}.teatag{height:2.25em;width:2em;position:absolute;top:6.438em;left:-1.25em;background:#c1ebc3;box-shadow:inset 0 -.375em 0 0 #45ac71}.teatag::before{content:"";width:0;height:0;position:absolute;top:-.5em;border-style:solid;border-width:0 1em .5em 1em;border-color:transparent transparent #c1ebc3 transparent}.teabagcord{height:3.563em;width:3.75em;box-sizing:border-box;border:.375em solid #fff5e6;border-top-left-radius:1.813em;border-top-right-radius:1.813em;clip:rect(0 2.75em 2.563em 0)}.teabagcord,.teabagcordbeginingandend{position:absolute;top:3.563em;left:-.438em}.teabagcordbeginingandend::before,.teabagcordbeginingandend::after{content:"";background:#fff5e6;border-radius:50%;position:absolute}.teabagcordbeginingandend::before{top:3 .063em;left:2.5em;height:7 .063em;width:6 .375em;clip:rect(0 6 .375em .438em 3 .5em)}.teabagcordbeginingandend::after{top:2.375em;left:0;height:.375em;width:.375em}@-webkit-keyframes blink{50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@keyframes blink{50%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@media screen and (max-width:80em){.on{margin-left:0}}@media screen and (max-width:40em){.cup,.cupshadow,.notepad{display:none}.on{margin-left:-8em}}#who-am-i{margin-top:1.4em;margin-bottom:2.5em}#who-am-i .desk-wrapper{width:100%}#who-am-i .desk{font-size:.5em;position:relative;width:100%;height:40em}#who-am-i .who-am-i-text{margin:0 auto;width:80%;max-width:50em}@media screen and (max-width:40em){#who-am-i .who-am-i-text{width:100%;padding:0 1em}}#who-am-i::after{content:" ";display:table;clear:both;visibility:hidden}@media screen and (max-width:30em){#who-am-i .desk{font-size:.3em}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}50%{-webkit-transform:translateY(6%);transform:translateY(6%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes floating{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}50%{-webkit-transform:translateY(6%);transform:translateY(6%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}body{background:#fafafa;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:150%;overflow-x:hidden}footer{background-color:#036}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.visually-hidden{display:none}.highlight--js{color:#ffdc52}.highlight--html{color:#ff962e}#languages-ramp{position:relative;display:-webkit-flex;display:flex;min-height:100vh;height:100vh;margin-top:-4.5em;overflow:hidden;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center}@media screen and (max-width:55em){#languages-ramp{margin-top:0;height:auto;min-height:auto}}#languages-ramp-canvas{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}@media screen and (max-width:50em){#languages-ramp-canvas{opacity:.2}}.langauges-ramp-text{z-index:9999;width:50vw;margin-left:auto;padding:3em}.langauges-ramp-text p{padding-bottom:1em}.langauges-ramp-text abbr{font-weight:700}@media screen and (max-width:50em){.langauges-ramp-text{padding-top:2em;width:100%}}@media screen and (max-width:35em){.langauges-ramp-text{padding:.75em;width:100%}}