@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(http://themes.googleusercontent.com/static/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format("woff")}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(http://themes.googleusercontent.com/static/fonts/roboto/v9/RxZJdnzeo3R5zSexge8UUbO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}/* line 2, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */.form-container{margin:12rem auto}/* line 7, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form label{font-family:'Montserrat', sans-serif;font-weight:normal}/* line 12, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form input,form textarea,form select,form button[type=submit]{font-family:'Crimson Text', serif}/* line 16, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form button[type=submit]{color:#000;padding:5px 50px;background-color:#fff;border-color:#000}/* line 23, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .form-control{border:1px solid #000;border-radius:0}/* line 28, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form{margin:2rem 0}/* line 31, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form:after{content:'';display:table;clear:both}/* line 36, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field{display:block;float:left}/* line 40, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field.tnb{border-top:0}/* line 43, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field.half{width:50%}/* line 46, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field.last{border-left:0}/* line 49, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field label{font-family:'Crimson Text', serif;text-transform:lowercase;padding:1.5rem 2rem 0;letter-spacing:1px;font-style:italic;font-size:1.2rem;display:block;color:#999}/* line 59, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field input,form .field textarea{display:block;width:100%;padding:.5rem 2rem 1.5rem;font-size:1.8rem;border:0;color:#212121;outline:0}/* line 69, /Users/rsatt/okular/markryansatt/src/styles/components/form.scss */form .field textarea{min-height:150px;resize:vertical}/* line 1, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav_name{font-family:'Montserrat',sans-serif;text-transform:uppercase;margin:0 0 3px 0;font-weight:400;font-size:1.1em}/* line 9, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav_info{font-style:italic}/* line 13, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav_link a{color:#000}/* line 17, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li{font-family:'Crimson Text', serif;font-style:italic;font-size:.8em;list-style:none;margin:.4em 0;color:#000;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}/* line 29, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a{padding:4px 0;text-decoration:none;outline:0}/* line 35, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default{background-color:transparent;border:none}/* line 40, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default .container-fluid{padding:0}/* line 44, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default .container-fluid .collapse{padding:0}/* line 48, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default ul li{width:100%}/* line 52, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default .navbar-nav>li>a{padding:5px 0;line-height:12px}/* line 57, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.navbar-default .navbar-nav>.active a{background-color:transparent}/* line 61, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a:before,.nav>li>a:after{content:"";position:absolute;opacity:0}/* line 67, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a.active:before{animation:activelinkleft 1.5s forwards}/* line 71, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a.active:after{animation:activelinkright 1.5s forwards}@keyframes activelinkleft{0%{opacity:0;left:-8%}50%{left:-12%}100%{opacity:1;left:-8%}}@keyframes activelinkright{0%{opacity:0;left:101%}50%{left:105%}100%{opacity:1;left:101%}}/* line 107, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a:before{left:-8%}/* line 111, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a:after{left:101%}/* line 115, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a:focus,.nav>li>a:hover,.nav>li>a.active{background-color:transparent;color:purple}/* line 120, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a.active:after{content:"]";font-style:normal;position:absolute;left:101%;opacity:1;top:4px}/* line 129, /Users/rsatt/okular/markryansatt/src/styles/components/nav.scss */.nav>li>a.active:before{content:"[";font-style:normal;position:absolute;left:-8%;opacity:1}/* line 2, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-header{font-size:1.4em;letter-spacing:0px;border-bottom:1px solid #000}/* line 8, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-copy{font-size:.9em;padding:20px 0 0 0}/* line 13, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-skills{padding:0 0 1em 0;float:left;width:100%;list-style-type:none;border-bottom:1px solid black}/* line 21, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-skills li{float:left;line-height:26px;padding:0 .5em 0 0;font-family:'Montserrat', sans-serif;font-size:12px}/* line 30, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-skills li:last-child:after{content:none}/* line 34, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-skills li:after{margin:0 0 0 7px;content:'/'}/* line 39, /Users/rsatt/okular/markryansatt/src/styles/pages/portfolio.scss */.portfolio-skills li:first-child{list-style:none}/* line 2, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flip-container{-webkit-perspective:1000;-moz-perspective:1000}/* line 7, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flip-container:hover .flipper{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}/* line 12, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;position:relative}/* line 20, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flipper.js:hover{background-color:yellow}/* line 24, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;position:absolute}/* line 32, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flipper:hover .front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}/* line 37, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flipper:hover .back{-webkit-backface-visibility:visible;-moz-backface-visibility:visible}/* line 42, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.front{z-index:1}/* line 46, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.flip-container,.front,.back{top:0;bottom:0;left:0;right:0}/* line 55, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg)}/* line 62, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.development-skills{font-family:'Montserrat',sans-serif;margin-top:10%}/* line 67, /Users/rsatt/okular/markryansatt/src/styles/pages/development.scss */.development__text{font-style:italic}/* line 1, /Users/rsatt/okular/markryansatt/src/styles/pages/resume.scss */.resume-skills--list{padding:0;float:left;list-style:none}/* line 6, /Users/rsatt/okular/markryansatt/src/styles/pages/resume.scss */.resume-skills--list li{float:left;padding:1rem}/* line 9, /Users/rsatt/okular/markryansatt/src/styles/pages/resume.scss */.resume-skills--list li:after{content:"/";position:relative;left:11%}/* line 27, stdin */.wrapper{padding:10px;background-color:#ffffff}/* line 31, stdin */.development-skills_row{display:flex;flex-direction:row;flex-wrap:no-wrap;justify-content:space-between;margin-bottom:7px}/* line 38, stdin */.el{flex-grow:1;max-width:75px;max-height:80px;width:75px;height:80px;text-align:center;border:2px solid #000;margin:1px}/* line 48, stdin */#series .row{width:800PX}/* line 51, stdin */#series .row:first-child .el{background-color:#99ffe1}/* line 54, stdin */#series .row:last-child .el{background-color:#c8c0ff}/* line 57, stdin */#series label{width:75px;padding:10px}/* line 61, stdin */.space{background-color:#ffffff;border:none}/* line 65, stdin */.el span{display:block;width:100%}/* line 69, stdin */.el span:nth-child(1){font-size:12px}/* line 72, stdin */.el span:nth-child(2){font-size:1.25em}/* line 75, stdin */.el span:nth-child(3){font-size:0.85em}/* line 78, stdin */#legend{margin-top:25px;width:625px;height:205px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start}/* line 87, stdin */#legend .item{display:flex;justify-content:flex-start;flex-direction:row;margin:2px;flex-grow:0;width:260px;height:35px;font-size:1.3em}/* line 97, stdin */.item span{display:inline-block;width:35px;height:35px}/* line 102, stdin */.item p{position:relative;bottom:15px;height:100%;padding-left:20px}/* line 112, stdin */.affix{top:20%;width:13.5%}/* line 118, stdin */body{font-family:'Crimson Text', serif}/* line 122, stdin */dt{font-family:'Montserrat',sans-serif;text-transform:uppercase;margin:0 0 3px 0;font-weight:400;font-size:1.1em}/* line 130, stdin */.resume-experience{font-size:.8em;letter-spacing:2px}/* line 135, stdin */.resume__date{font-size:.9em}/* line 139, stdin */dd{font-family:'Crimson Text', serif;letter-spacing:0px;font-style:italic;font-size:1em;list-style:none;margin:0;color:#000}/* line 149, stdin */.content-container_shadow{position:relative;float:left;width:100%;padding:1em;margin:2em 10px 4em;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}/* line 161, stdin */.content-container_shadow::after{content:"";position:absolute;z-index:-2}/* line 167, stdin */.content-container_shadow::before{content:"";position:absolute;z-index:-2;top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px}/* line 180, stdin */section{margin:2em 0}/* line 184, stdin */.content-container img{width:100%;margin:2em 0}/* line 190, stdin */#header{margin-top:30px}/* line 194, stdin */#footer{margin-top:30px;border-top:1px solid #ccc;padding-top:30px;color:#ccc}/* line 203, stdin */.gallery-image img{display:block;max-width:100%;height:auto}/* line 229, stdin */.frame-border{top:50px;position:relative;-moz-box-shadow:0px 0px 19px -4px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 19px -4px rgba(0,0,0,0.2);box-shadow:0px 0px 19px -4px rgba(0,0,0,0.2);border:11px solid #fff;width:457px;height:547px;margin:15px;padding:0}/* line 242, stdin */.frame-inset:before{content:" ";display:block;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;-moz-box-shadow:inset 6px 5px 11px -9px rgba(0,0,0,0.35);-webkit-box-shadow:inset 6px 5px 11px -9px rgba(0,0,0,0.35);box-shadow:inset 6px 5px 11px -9px rgba(0,0,0,0.35)}/* line 256, stdin */.frame-inset{-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.2);background-color:#bebebe;border:32px solid #f5f5f5;max-width:100%;height:100%;padding:0px}/* line 267, stdin */.left{box-sizing:border-box;display:block;position:fixed}/* line 274, stdin */.left .left-container{position:relative;left:50px;top:150px}/* line 280, stdin */.left h1{font-family:'Montserrat', sans-serif;text-transform:uppercase;font-size:1.3em;letter-spacing:2px;font-weight:400;margin:0}/* line 289, stdin */.left span{font-family:'Crimson Text', serif;font-style:italic;font-size:1.1em;letter-spacing:1px}/* line 296, stdin */.left-container:hover svg{-webkit-animation:load 4s linear infinite;-moz-animation:load 4s linear infinite;animation:load 4s linear infinite}/* line 302, stdin */svg{display:inline-block;vertical-align:middle}/* line 307, stdin */path{stroke:#000;fill:none;stroke-width:6;stroke-linejoin:butt;stroke-linecap:butt;stroke-dasharray:298}/* line 317, stdin */.tri1{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}/* line 323, stdin */.tri3{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes load{from{stroke-dashoffset:792}}@-moz-keyframes load{from{stroke-dashoffset:792}}@keyframes load{from{stroke-dashoffset:792}}/* line 347, stdin */.animation-container{position:relative;width:100%;height:137px}/* line 354, stdin */.animation-center{width:50%;height:50%;overflow:none;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}/* line 366, stdin */h2{font-family:'Montserrat', sans-serif;padding:20px 0 15px;text-transform:uppercase;font-size:1.3em;letter-spacing:2px;font-weight:400;margin:0}/* line 376, stdin */.right{margin-left:110px;padding:50px 60px}/* line 381, stdin */.right article{border-top:1px solid #ddd;margin:0 auto 70px}/* line 387, stdin */.right article h1{font-family:'Montserrat', sans-serif;padding:20px 0 15px;text-transform:uppercase;font-size:1.3em;letter-spacing:2px;font-weight:400;margin:0}/* line 397, stdin */.right article p{font-family:'Crimson Text', serif;font-size:1.2em;line-height:1.5}/* line 403, stdin */.right article p:first-of-type{padding-top:0;margin-top:0}/* line 408, stdin */.blog .mask-slide .content{transition:all 0.5s ease-in-out;background:white;position:relative;bottom:0px;opacity:0}/* line 416, stdin */.blog .mask-slide .content .top-bar{background-color:white;color:rgba(20,122,188,0.5);background:white;padding:6px 23px 32px 0;position:relative;width:323px;height:2px;color:#fff;top:-20px;-webkit-transform:rotate(358deg) scale(1) skew(0deg) translate(0px);-moz-transform:rotate(353deg) scale(1) skew(0deg) translate(0px);-ms-transform:rotate(358deg) scale(1) skew(0deg) translate(0px);-o-transform:rotate(358deg) scale(1) skew(0deg) translate(0px);transform:rotate(350deg) scale(1) skew(0deg) translate(0px)}/* line 433, stdin */.blog .mask-slide:hover .content{opacity:1;bottom:100px;transition-delay:0s}/* line 439, stdin */.blog img{width:100%;height:300px}/* line 446, stdin */.box{position:relative;vertical-align:middle;color:#000;display:inline-block;height:60px;line-height:60px;text-align:center;-webkit-transition:0.5s;transition:0.5s;padding:0 20px;cursor:pointer;border:2px solid #000;-webkit-transition:0.5s}/* line 462, stdin */.box:hover{border:2px solid rgba(0,160,80,0);color:#15004F}/* line 467, stdin */.box::before,.box::after{width:100%;height:100%;z-index:3;content:'';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);-webkit-transition:0.5s;transition:0.5s}/* line 481, stdin */.foo::before{border-bottom:3px solid #15004F;border-left:3px solid #15004F;-webkit-transform-origin:0 100%}/* line 487, stdin */.foo::after{border-top:3px solid #15004F;border-right:3px solid #15004F;-webkit-transform-origin:100% 0%}/* line 493, stdin */.box:hover::after,.box:hover::before{-webkit-transform:scale(1)}@media only screen and (min-width: 768px){/* line 501, stdin */.navbar-fixed-top{display:none}}@media only screen and (max-width: 480px){/* line 508, stdin */.navbar-fixed-top{display:block}}