/* Hey! Thanks for checking out my style. For a legible, Sass-based version, check out: http://hire.hunterdougless.com/-/db/com_hunterdougless_portfolio/framework.scss Enjoy! */

#work img,.content h2 span,header nav{float:right}#hello h2,header.is-stuck h1:hover{cursor:pointer}#hobbies article.expanded figure.intro,#hobbies article:last-child figure.intro,#hobbies figure:last-child{border-bottom:0}#hobbies .images li a,header h1{text-indent:100%;white-space:nowrap;overflow:hidden}#contact,#hobbies .images,#hobbies .images li a,#hobbies figure,#hobbies header nav ul,#work figure,header,header h1,header nav ul{overflow:hidden}*{margin:0}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;text-align:left;vertical-align:baseline;font-family:NHG,"Hevetica Neue",Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}a,embed,object,swf{outline:0}:link img,:visited img,a img{border:0}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}blockquote:after,blockquote:before,q:after,q:before{content:""}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}html{font-size:62.5%}a:hover,body{color:#858585}a{color:#0cc6e7;text-decoration:none;-webkit-transition:color .5s;transition:color .5s}p{font-size:1.2rem;line-height:140%}.wrapper{display:block;height:100%;width:94rem;margin:0 auto;padding:0 1rem}header{display:block;width:100%;background-color:#333;background:-webkit-linear-gradient(top,#4d4d4d 0,#333 100%);background:linear-gradient(top,#4d4d4d 0,#333 100%);background:-webkit-linear-gradient(top,#4d4d4d,#333);background:linear-gradient(to bottom,#4d4d4d,#333);border-bottom:.1rem solid #0cc6e7;z-index:2;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}body.reveal .content,body.reveal header{opacity:1}header h1{display:block;width:22.8rem;height:8rem;background:url(/-/fs/i/logotype.svg) no-repeat;background-size:contain;margin:1.5rem 0;float:left}header nav{width:30rem;margin-top:7.8rem}header nav ul{display:block}header nav ul li{display:block;font-weight:700;float:right;font-size:1.6rem;line-height:120%;margin-left:2rem}header nav ul li a{color:#ededed;text-transform:lowercase}header nav ul li a.active{color:#0cc6e7}header nav ul li a:hover{color:#858585}header.is-stuck{position:fixed;top:0}header.is-stuck h1{background:url(/-/fs/i/dots-linear.svg) no-repeat;background-size:contain;width:17rem;height:1rem}header.is-stuck nav{display:block;margin-top:.9rem}#header-spacer{height:0}#header-spacer.visible{height:111px}.content{padding-top:2rem;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.content h2{background:#333;background:-webkit-linear-gradient(top,#4d4d4d 0,#333 100%);background:linear-gradient(top,#4d4d4d 0,#333 100%);background:-webkit-linear-gradient(top,#4d4d4d,#333);background:linear-gradient(to bottom,#4d4d4d,#333);text-shadow:.1rem .1rem .1rem #222;padding:.7rem 1rem;font-size:2rem;font-weight:700;color:#ededed;text-transform:uppercase;margin:0 -1rem 2rem}.content h3,.content h4{margin-bottom:.5rem;font-weight:700}.content h3{font-size:1.6rem}.content h4{font-size:1.4rem;line-height:120%}footer{padding:1.5rem 0;text-align:center;background-color:#333;color:#ededed}#hello h2,#hobbies article>h3 span:hover{color:#000}footer p{font-size:1.2rem}#hello{padding:5rem 0}#hello h2{font-weight:700;font-size:7rem;line-height:120%;letter-spacing:.1rem;min-height:25rem;margin-left:24rem}#banner{opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}#banner:hover #discombobulated{-webkit-animation:2.5s colorize infinite alternate;animation:2.5s colorize infinite alternate}body.greet #banner{-webkit-animation:greet 1s ease-in-out;animation:greet 1s ease-in-out}body.reveal #banner{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}#discombobulated{display:block;content:"";width:16rem;height:25rem;background:#333;-webkit-mask:url(/-/fs/i/discombobulated.svg) no-repeat left top;mask:url(/-/fs/i/discombobulated.svg) no-repeat left top;-webkit-mask-size:cover;mask-size:cover;float:left;margin-left:3rem;margin-right:5rem;-webkit-transition:background-color .3s;transition:background-color .3s}body.no-css-mask-support #discombobulated{background:url(/-/fs/i/discombobulated-mask.svg) left top no-repeat #333;background-size:16rem 25rem}@-webkit-keyframes greet{0%{-webkit-transform:translateX(150%);transform:translateX(150%);opacity:0}90%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes greet{0%{-webkit-transform:translateX(150%);transform:translateX(150%);opacity:0}90%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes colorize{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@keyframes colorize{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}#work article{display:block;padding-bottom:4rem;border-bottom:.1rem solid #858585;margin-bottom:4rem}#work article:last-child{padding-bottom:2rem;border:0;margin-bottom:0}#work img{border:.1rem solid #858585}#work figcaption{display:block;float:left;width:20rem;margin-top:.5rem}#work figcaption p{margin-bottom:1rem}#hobbies h2{margin-bottom:0}#hobbies article{overflow:hidden;display:block}#hobbies article>h3{width:94rem;margin:0 auto;font-size:2rem;padding:2rem 0}#hobbies article>h3 span{display:none;float:right;cursor:pointer}#hobbies article p{margin-bottom:1rem}#hobbies article.expanded{box-shadow:inset 0 0 1rem rgba(0,0,0,.8);background-color:#ededed}#hobbies article.expanded>h3 span{display:inline}#hobbies .images li a,#hobbies article.expanded figure,#hobbies article.expanded header,#hobbies figcaption{display:block}#hobbies article.expanded div.sticky-wrapper{height:28px!important}#hobbies header{display:none;background-color:#666;width:100%}#hobbies header.is-stuck{top:41px}#hobbies header nav{width:94rem;padding:0;margin:0 auto;float:none}#hobbies header nav ul li{float:left;font-size:1.4rem;line-height:200%;margin:0 1.5rem 0 0;color:#FFF}#hobbies header nav ul li a{color:#FFF}#hobbies header nav ul li a.active{color:#0cc6e7}#hobbies .header-spacer{height:0}#hobbies .header-spacer.visible{height:29px}#hobbies figure{display:none;margin-top:2rem;padding-bottom:2rem;border-bottom:.1rem solid #858585}#hobbies figure.intro{display:block;width:94rem;margin:0 auto;border-bottom:.1rem solid #858585}#hobbies .images li,#hobbies figcaption p{margin-bottom:1rem}#hobbies figure img,#hobbies figure video{float:right}#hobbies .images{width:1rem;float:right;margin-right:1rem}#hobbies figcaption p.cta-desktop,#hobbies figcaption p:last-child,#resume section#resume-education ul{margin-bottom:0}#hobbies .images li a{background-color:#333;width:1rem;height:1rem}#contact form fieldset legend,#hobbies figcaption p.cta-mobile{display:none}#contact .left,#contact .right,#contact aside,#hobbies figcaption{width:40rem;float:left}#hobbies .images li a.active{background-color:#0cc6e7}#hobbies .images li a:hover{background-color:#999}#resume .column-wrapper{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem}#resume section{padding-top:0;margin-bottom:2rem}#resume section#resume-experience { margin-bottom: 10.0rem } #resume section#resume-experience ul li{margin-bottom:3rem}#resume section#resume-education{display:inline-block}#resume h3{font-size:1.8rem;color:#7fb700}#resume h4{font-size:1.6rem;line-height:100%;margin-bottom:.3rem}#resume h5{font-size:1.6rem;margin-bottom:.2rem}#resume h5 span{font-style:italic;font-weight:400;font-size:1.5rem}#resume ul{margin-bottom:1.5rem}#resume ul li{margin-bottom:.25rem;font-size:1.2rem;line-height:140%}#resume ul li>span{font-weight:700}#resume ul.indent li{text-indent:-1.5rem;padding-left:1.5rem}#contact{margin-top:4rem;padding-bottom:4rem;background:-webkit-linear-gradient(top,#4d4d4d 0,#333 100%);background:linear-gradient(top,#4d4d4d 0,#333 100%);background:-webkit-linear-gradient(top,#4d4d4d,#333);background:linear-gradient(to bottom,#4d4d4d,#333);-webkit-transition:opacity .7s;transition:opacity .7s}#contact h2{background:0 0;padding-left:1rem}#contact .right{width:35rem}#contact aside{width:20rem}#contact aside h3{font-size:1.8rem;margin-bottom:1rem;color:#999}#contact aside ul li{font-size:1.4rem;line-height:140%;color:#ededed}#contact #status_message{color:#fff;font-size:2rem;margin-bottom:2rem}#contact #status_message.halt{color:orange}#contact form{width:96rem}#contact form fieldset input,#contact form fieldset textarea{border-radius:0;color:#666;border:.1rem solid #999;line-height:120%;padding:1rem}#contact form fieldset input[type=email],#contact form fieldset input[type=text]{display:block;font-weight:400;font-size:2.5rem;width:30rem}#contact form fieldset input[type=email]:-moz-placeholder,#contact form fieldset input[type=text]:-moz-placeholder{color:#999}#contact form fieldset input[type=email]::-moz-placeholder,#contact form fieldset input[type=text]::-moz-placeholder{color:#999}#contact form fieldset input[type=submit]{background:-webkit-linear-gradient(top,#77b647 0,#81ad60 100%);background:linear-gradient(top,#77b647 0,#81ad60 100%);background:-webkit-linear-gradient(top,#77b647,#81ad60);background:linear-gradient(to bottom,#77b647,#81ad60);width:15rem;font-size:2.5rem;padding:.75rem;border:.1rem solid #77b647;color:#FFF;box-shadow:inset 0 .1rem 0 rgba(255,255,255,.2),0 .2rem .2rem rgba(0,0,0,.15);text-align:center}#contact form fieldset input[type=submit]:hover{background:-webkit-linear-gradient(top,#81ad60 0,#8da37c 100%);background:linear-gradient(top,#81ad60 0,#8da37c 100%);background:-webkit-linear-gradient(top,#81ad60,#8da37c);background:linear-gradient(to bottom,#81ad60,#8da37c)}#contact form fieldset input[type=submit]:active{box-shadow:inset 0 .2rem .2rem rgba(0,0,0,.35)}#contact form fieldset textarea{width:35rem;height:15rem;font-size:3rem;box-shadow:inset 0 .1rem .3rem rgba(0,0,0,.1)}#contact form fieldset label.text{margin-bottom:1rem;display:block}#contact form fieldset label span{display:none}#contact form .error{border:.1rem solid red!important}#contact form ::-webkit-input-placeholder{color:#999}#contact form :-moz-placeholder{color:#999}#contact form ::-moz-placeholder{color:#999}#contact form :-ms-input-placeholder{color:#999}