@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;margin:0}img.alignright{float:right}img.alignleft{float:left}img.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}body{background-color:#fff;border-style:none}a,a:hover,body,p{color:#000}a,a:hover{text-decoration:none;border:none;border-style:none;box-shadow:none}@font-face{font-family:socialfont;src:url(../fonts/socialfont.eot?mh1paq);src:url(../fonts/socialfont.eot?#iefixmh1paq) format("embedded-opentype"),url(../fonts/socialfont.woff?mh1paq) format("woff"),url(../fonts/socialfont.ttf?mh1paq) format("truetype"),url(../fonts/socialfont.svg?mh1paq#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:socialfont;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.icon-facebook:before{content:""}.icon-facebook.color:hover{background-color:#3b5998}.icon-facebook.borderless:hover{color:#3b5998}.icon-twitter:before{content:""}.icon-twitter.color:hover{background-color:#4dc8f1}.icon-twitter.borderless:hover{color:#4dc8f1}.icon-instagram:before{content:""}.icon-instagram.color:hover{background-color:#3e739d}.icon-instagram.borderless:hover{color:#3e739d}.icon-behance:before{content:""}.icon-behance.color:hover{background-color:#0683f1}.icon-behance.borderless:hover{color:#0683f1}.icon-vimeo:before{content:""}.icon-vimeo.color:hover{background-color:#86c9ef}.icon-vimeo.borderless:hover{color:#86c9ef}.icon-youtube:before{content:""}.icon-youtube.color:hover{background-color:#ce332d}.icon-youtube.borderless:hover{color:#ce332d}.icon-googleplus:before{content:""}.icon-googleplus.color:hover{background-color:#d13f2d}.icon-googleplus.borderless:hover{color:#d13f2d}.icon-rss:before{content:""}.icon-rss.color:hover{background-color:#f88b02}.icon-rss.borderless:hover{color:#f88b02}.icon-pinterest:before{content:""}.icon-pinterest.color:hover{background-color:#cb2028}.icon-pinterest.borderless:hover{color:#cb2028}.icon-tumblr:before{content:""}.icon-tumblr.color:hover{background-color:#274152}.icon-tumblr.borderless:hover{color:#274152}.icon-linkedin:before{content:""}.icon-linkedin.color:hover{background-color:#0275b5}.icon-linkedin.borderless:hover{color:#0275b5}.icon-skype:before{content:""}.icon-skype.color:hover{background-color:#03aceb}.icon-skype.borderless:hover{color:#03aceb}.icon-github:before{content:""}.icon-github.color:hover{background-color:#4183c4}.icon-github.borderless:hover{color:#4183c4}.icon-dribbble:before{content:""}.icon-dribbble.color:hover{background-color:#ea4c89}.icon-dribbble.borderless:hover{color:#ea4c89}a.social-button{font-size:32px;text-decoration:none;display:inline-block;width:1em;height:1em;box-sizing:content-box;transition-property:background-color,color,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}a.social-button.no-animation{transition-property:none!important}a.social-button.color{display:inline-block;border:1px solid #4b4b4b;border-radius:50%;padding:.5em}a.social-button.color:hover{border-color:transparent}a.social-button.color:before{color:#4b4b4b}a.social-button.color:hover:before{color:#fff}a.social-button.color.static:hover{border:1px solid #4b4b4b!important;background-color:transparent}a.social-button.color.static:hover:before{color:#4b4b4b}a.social-button.color.white{border-width:2px}a.social-button.color.white:hover{border-color:#fff}a.social-button.grey{font-size:32px;display:inline-block;background-color:#3d444d;border-radius:50%;padding:.5em}a.social-button.grey:hover{transform:translate(0,-5px)}a.social-button.grey:before{color:#fff}a.social-button.grey.static:hover{transform:none}a.social-button.borderless{color:#e9e9e9}@keyframes fadein{from{opacity:0}to{opacity:1}}html{background-color:#141414}body.joshuapack{height:100vh;background-color:#141414;font-family:Roboto,sans-serif;font-weight:500;font-size:30px;line-height:40px;letter-spacing:-.5px;color:#e9e9e9;text-shadow:2px 2px #141414;background-image:url(../images/background.jpg);background-position:center center;background-size:cover}@media (max-width:500px){body.joshuapack{background-position:550px}}body.joshuapack p{margin-bottom:28px;color:#e9e9e9}@media (max-width:800px){body.joshuapack p{font-size:25px;line-height:30px}}body.joshuapack ul{font-size:18px}.section{padding:10vh 10vw;overflow:hidden;position:absolute;z-index:1000}@media (max-width:500px){.section{padding:5vh 5vw;text-align:center}}.section .section-content{height:80vh;display:flex;flex-direction:column}@media (max-width:500px){.section .section-content{height:90vh}}.logo{flex:1 1 auto;display:flex;flex-direction:column;align-self:left;animation:fadein 2s}@media (max-width:500px){.logo{align-self:center}}.logo img{max-width:165px;height:auto}.bio{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;animation:fadein 4s;letter-spacing:-1px;max-width:66%}@media (max-width:800px){.bio{max-width:none}}.bio a{color:#ffe9a1;transition:1s}.bio a:hover{color:#9baefc;transition:.1s}.bio ul li{margin-right:40px;display:inline-grid}.network{flex:1 1 auto;display:flex;flex-direction:column;animation:fadein 6s;margin-top:auto}.network ul{animation:fadein 6s;margin-top:auto}.network ul li{display:inline-block;margin-right:8px}.network ul li a{display:inline-block;width:30px;height:30px;cursor:pointer}