html,body{height:100%;-webkit-text-size-adjust:100%}body{background:#0a0e0f;margin:0;font-family:"inconsolata"}.rj__background{transform:translateZ(0);backface-visibility:hidden;transition-duration:.5s;transition-delay:0;transition-property:all;transition-timing-function:ease-in-out;position:fixed;height:100%;bottom:0;top:0;left:0;right:0;opacity:0;background:url("/assets/images/ryan-james.jpg");background-position:center right;background-size:cover;filter:blur(6px);z-index:1}.rj__background.reveal{opacity:1;filter:blur(0px)}@media screen and (max-width: 550px){.rj__background.reveal{opacity:0.4}}@media screen and (max-height: 550px) and (max-width: 770px){.rj__background.reveal{opacity:1}}@media screen and (max-width: 700px) and (min-height: 500px){.rj__background{margin-right:-10%}}@media screen and (max-width: 900px) and (min-height: 600px){.rj__background{margin-right:-20%}}@media screen and (max-width: 550px){.rj__background{margin-right:-30%}}.rj__about{transform:translateZ(0);backface-visibility:hidden;transition-duration:.5s;transition-delay:.2s;transition-property:opacity;transition-timing-function:ease-in-out;position:fixed;opacity:0;top:50%;left:0;transform:translate(0, -50%);color:#ccc;line-height:150%;letter-spacing:1px;z-index:2;width:35%;padding-left:10%;font-size:17px}.rj__about .hello{font-size:1.5em}.rj__about.reveal{opacity:1}@media screen and (max-width: 850px), screen and (max-height: 600px){.rj__about{width:40%;font-size:15px;transform:translate(0, 0);top:80px;bottom:auto}}@media screen and (max-height: 550px) and (max-width: 770px){.rj__about{box-sizing:border-box;padding:30px 30px 10px;width:70%;transform:translate(0, 0);top:auto;bottom:0;font-size:14px;line-height:130%}}@media screen and (max-width: 550px){.rj__about{box-sizing:border-box;padding:30px 30px 10px;width:100%;transform:translate(0, 0);top:auto;bottom:0;font-size:14px;line-height:130%}}a{transform:translateZ(0);backface-visibility:hidden;transition-duration:.2s;transition-delay:0;transition-property:opacity;transition-timing-function:ease-in-out;color:#888;text-decoration:none;border-bottom:1px solid transparent;position:relative}a:hover{color:#ff5a5f;border-bottom:1px solid #ff5a5f}a:hover svg{opacity:1}a svg{position:absolute;right:-25px;top:2px;transform:translateZ(0);backface-visibility:hidden;transition-duration:.2s;transition-delay:0;transition-property:opacity;transition-timing-function:ease-in-out;display:inline-block;opacity:0}a svg path{fill:#ff5a5f}@media screen and (max-width: 850px), screen and (max-height: 600px){a svg{top:0px}}@media screen and (max-width: 550px){a svg{top:-1px}}dl,p{margin:0 0 20px 0}dd{margin:0}
/*# sourceMappingURL=app.css.map */
