@import "https://fonts.googleapis.com/css?family=Open+Sans";@keyframes glide{from{background-position:0 0}to{background-position:784px 0}}@keyframes slide-left{0%,50%{left:calc((475px/2) + 25px)}100%{left:0}}@keyframes slide-right{0%,50%{right:calc((475px/2) + 25px)}100%{right:0}}body{font-family:open sans,sans-serif;margin:0;background:#fff;color:#222;transition:all .25s;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}h1,h2,h3,h4,h5,h6{font-style:normal;margin:0}a{color:inherit}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}body h1,body h2,body h3,body h4{font-weight:400;line-height:1.2em}body#index small{display:block;font-weight:300;font-size:.9em;padding:4px 0}body#index h1{font-size:4.2em;font-weight:300;line-height:1em;margin-left:-4px}body#index h2{font-size:2em}body#index h3{font-size:1.3em}body#index h4{font-size:.7em;color:#828282}body#legal h1{font-size:2.8em;padding:16px 0 0}body#legal h2{font-size:1.7em;padding:12px 0 0}body#legal h3{font-size:1.4em;padding:8px 0 0}body#legal h4>a{color:#fff;background:#222;border-radius:4px;padding:4px 8px;text-decoration:none}body#legal p{font-size:16px}body#legal span.highlight{color:#fff;font-size:13px;background:green;border-radius:4px;padding:1px 5px;text-decoration:none}body.full{display:block;float:left;height:100vh;width:100%}div.col{display:inline-block;float:left;height:100vh;width:50%}div.col::after{clear:both;content:"";display:table}i.fa-twitter{color:#1da1f2}i.fa-github{color:#000}i.fa-linkedin{color:#0077b5}img.emoji{height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;width:1em}#background{overflow:hidden;position:relative}#background:before{animation:glide 30s linear infinite;background:url(../img/background.png) 0 0 repeat;background-position:0 0;background-size:784px 896px;content:"";height:200%;left:-50%;opacity:.12;position:absolute;top:-50%;transform:rotate(-10deg);width:200%;z-index:-1}h1,div#photo,div#container,#social{display:inline-block;position:relative}#headline,#tagline,#clients,#projects,#disclaimer{max-width:475px;padding:12px 0}div#photo{background-image:url(../img/eric.jpg);background-color:#fff;background-position:center;background-size:cover;float:right;max-height:700px;min-height:500px;height:90%;width:475px;box-shadow:0 0 6px 2px rgba(0,0,0,.3);z-index:2}div#container{float:left;height:auto;z-index:1}#clients,#projects{display:inline-block;position:relative}#clients>a>img,#projects>a>img{display:inline-block;height:54px;padding:0 4px}#social a{font-size:1.7em;padding:0 2px}.select{user-select:text!important;-moz-user-select:text!important;-webkit-user-select:text!important;-ms-user-select:text!important}@media(prefers-color-scheme:dark){body{background:#000!important;color:#fff!important}body#index h4{color:#fff!important}body#legal h4>a{color:#000!important;background:#fff!important}div#photo{background-color:#000!important;box-shadow:0 0 20px 5px rgba(0,0,0,.75)!important}#social i{color:#fff!important}#background:before{opacity:.15}}@media(prefers-reduced-motion:reduce){body:hover #background:before{animation:none!important}div#photo{animation:none!important}div#container{animation:none!important}}@media only screen and (max-width:769px){div.col{height:auto;width:100%}div#photo{height:75vh;width:100%;box-shadow:none!important}body#index div#container{margin:20px 30px;zoom:.75}body#legal div#container{padding:20px;margin:0;transform:translate(0,0);width:calc(100% - 40px);word-break:break-word}body#legal p{text-align:justify}}@media only screen and (min-width:769px){div#photo,div#container{margin:0 25px;top:50%;transform:translate(0,-50%)}div#photo{border-radius:20px;animation:slide-left 2s cubic-bezier(0,-.03,.29,.9);animation-iteration-count:1}div#container{animation:slide-right 2s cubic-bezier(0,-.03,.29,.9);animation-iteration-count:1}#background:before{animation-play-state:paused;transform:rotate(-10deg) scale(1.5)}body:hover #background:before{animation-play-state:running}body#index div#container{width:calc(100% - 50px)}body#legal div#container{top:0;left:50%;padding:50px 0;margin:0;transform:translate(-50%,0%);width:100%;max-width:750px}}