@keyframes slideUpAndFadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wiggle{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}body,html{font:300 36px Lato,sans-serif;background:#1e2f45;text-align:center;color:#fff;margin:0;padding:0}h1,h2,h3,p,ul{margin:0 0 .5rem;padding:0}h1{font-size:200%}h2{font-size:156%}h3{font-size:140%}p:last-child,span:last-child,ul:last-child{margin-bottom:0}a{color:#7e8c8a;text-decoration:none}a:hover{color:#e1c571}.content-holder{width:100%;display:flex;justify-content:center}.content-holder.hello-holder{background:radial-gradient(circle at 50% 35%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 50%)}.content-holder.colophon-holder,.content-holder.contact-holder,.content-holder.intro-holder{background:#fff}.content-holder.from-holder{position:relative;overflow:hidden}.content-holder.from-holder .parallax{min-width:100%;position:absolute;left:50%;transform:translate3d(-50%,0,0);z-index:0}.content{max-width:25rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-evenly;padding:2rem 1rem}.content.hello{flex-direction:column;height:100vh;min-height:14rem;padding:0}.content.hello .portrait{width:300px;height:300px;display:block;border-radius:50%;background:url(/57ca19ae795e450bc82bb5e348dded6b.jpg);background-size:cover}.content.hello h1{animation:slideUpAndFadeIn 1s ease-out 0s 1}.content.intro{text-align:left}.content.intro .venn{width:300px;height:300px;margin-left:1rem;position:relative}.content.intro .venn .head{position:absolute;background:url(/57ca19ae795e450bc82bb5e348dded6b.jpg) -25px 0;background-size:90px 90px;top:40px;left:0;width:40px;height:60px;display:block;animation:wiggle 2s linear infinite reverse}.content.intro .venn g{isolation:isolate}.content.intro .venn circle{mix-blend-mode:soft-light}.content.intro .venn text{fill:#fff;font-size:24px}.content.from{z-index:1;height:20rem}.content.from h1{font-weight:300}.content.about{flex-direction:column;background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 50%)}.content.about img.breaker{width:50px;margin-bottom:.25rem}.content.contact{flex-direction:column;align-items:stretch}.content.contact ul{list-style-type:none;display:flex;justify-content:space-between;margin-top:.25rem}.content.contact ul a{width:3.556rem;padding-top:3.889rem;display:block;background-position:0 0;background-repeat:no-repeat;background-size:3.556rem 3.556rem;font-size:66%;transition:all .25s ease-out}.content.contact ul a:hover{transform:translateY(-10px)}.content.contact ul a.linked-in{background-image:url(/9f75e272a0677ee451511b08ef553dfe.jpg)}.content.contact ul a.github{background-image:url(/d4639c7d8fa39b02b4c99416de47cd70.jpg)}.content.contact ul a.gmail{background-image:url(/6c18c75757a73915c7718f864636e528.jpg)}.content.colophon{padding:1rem 1rem .5rem;flex-direction:column}.content.colophon p{font-size:16px}.content.colophon img{width:50px;display:block;border:1px solid #7e8c8a}.gray{color:#7e8c8a}.navy{color:#1e2f45}.straw{color:#e1c571}.shadow{text-shadow:1px 1px 1px rgba(0,0,0,.5)}@media (max-width:880px){.content.intro{flex-wrap:wrap;text-align:center}.content.intro .venn{margin:0}}@media (max-width:640px){body,html{font-size:24px}}