@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Open+Sans:400,400i,700";@font-face{font-family:'brandonjd';src:url("../font/brandonjd.eot?85027768");src:url("../font/brandonjd.eot?85027768#iefix") format("embedded-opentype"),url("../font/brandonjd.woff2?85027768") format("woff2"),url("../font/brandonjd.woff?85027768") format("woff"),url("../font/brandonjd.ttf?85027768") format("truetype"),url("../font/brandonjd.svg?85027768#brandonjd") format("svg");font-weight:normal;font-style:normal}.icon-comment-1:before{content:'\e802'}.icon-star-1:before{content:'\e803'}.icon-home-1:before{content:'\e804'}.icon-folder-open:before{content:'\e805'}.icon-mail:before{content:'\e806'}.icon-link-ext:before,a[href*="//"]:not([href*="brandonjd.net"]):after{content:'\f08e'}.icon-github-circled:before{content:'\f09b'}.icon-linkedin:before{content:'\f0e1'}.icon-doc-text-inv:before{content:'\f15c'}.icon-bitbucket:before{content:'\f171'}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body{height:100%}body{font-family:"Source Sans Pro","Helvetica","Arial",sans-serif;height:100%}i,em{font-style:italic}b,strong{font-weight:bold}u{text-decoration:underline}[class^="icon-"]:before,[class*=" icon-"]:before,a[href*="//"]:not([href*="brandonjd.net"]):after{font-family:"brandonjd";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a[href*="//"]:not([href*="brandonjd.net"]):after{font-size:0.5em;margin-left:0.2em;text-decoration:none}main{display:flex;flex-flow:row nowrap;justify-content:center;margin:auto;min-height:100%}aside.sidebar{flex:0 0 150px;padding:0 2rem;padding-top:2.5rem;min-height:100%;background-color:#f8f8f8}aside.sidebar .home-banner{margin-bottom:1.6rem;overflow:hidden}aside.sidebar .home-banner img{width:150px;height:150px}aside.sidebar .sidebar-content{padding:0 0.25rem}aside.sidebar .sidebar-title{font-size:1.6rem;margin-bottom:1.8rem}aside.sidebar nav li{margin-bottom:1rem}aside.sidebar nav a:link,aside.sidebar nav a:visited{color:#2d97c0;text-decoration:none}aside.sidebar nav a:hover{text-decoration:underline}aside.sidebar nav a[class^="icon-"]:hover:before,aside.sidebar nav a[href*="//"]:not([href*="brandonjd.net"]):after{text-decoration:none}aside.sidebar nav [class^="icon-"]:before{margin-right:0.3em}aside.sidebar nav a[href*="//"]:not([href*="brandonjd.net"]):after{font-size:0.65em}article{flex:0 1 auto;font-family:"Open Sans","Helvetica","Arial",sans-serif;width:45rem;margin-top:2.5rem;padding:0 2.4rem;padding-bottom:2.5rem;font-size:1.0em;line-height:125%}article h1,article h2,article h3,article h4,article h5,article h6{line-height:100%}article h1{font-family:"Source Sans Pro","Helvetica","Arial",sans-serif;font-size:3.0em;font-weight:300;margin-bottom:0.6em}article h2{font-weight:bold;font-size:1.3em;margin-bottom:1rem;margin-top:1.5rem}article ul,article ol{list-style-position:outside;margin-left:2.7rem;margin-bottom:1.2em}article ul{list-style-type:square}article li{padding-left:0.5rem}article li:not(:last-of-type){margin-bottom:0.5em}article p{margin-bottom:0.8em}article hr{border:none;border-bottom:1px solid #ddd;margin:1.5rem auto}article blockquote{font-style:italic;margin-left:50px;font-size:0.8em}article a:link{color:#2d97c0}article .project-section h2{margin-top:0}article .project-section h2 a,article .project-section h2 a:link,article .project-section h2 a:visited,article .project-section h2 a:active{color:#000;text-decoration:none}article .project-section h2 a:hover{text-decoration:underline}article .project-section .project-heading{display:flex;flex-flow:row nowrap;margin-bottom:0.6em}article .project-section .project-heading a.project-heading-preview{flex:0 0 auto;display:inline-block;float:left;margin-right:0.8rem}article .project-section .project-heading a.project-heading-preview img{display:inline-block;height:7em;width:7em;overflow:hidden}article .project-section .project-heading .project-heading-text{flex:0 0 auto}article .project-section .project-heading .project-heading-text h2{margin-bottom:0.6rem}article .project-section .portfolio-images p{font-size:0.9em;font-style:italic}article .project-section .portfolio-images img{display:inline-block;height:60px;width:60px;margin-right:0.15rem;overflow:hidden}@media screen and (max-width: 840px){aside.sidebar{flex-basis:60px;max-width:60px;padding:0 1rem;padding-top:1rem;text-align:center;overflow:visible}aside.sidebar .sidebar-fixed{position:fixed}aside.sidebar .home-banner img{height:60px;width:60px}aside.sidebar .sidebar-title{display:none}aside.sidebar nav{overflow:visible;font-size:150%}aside.sidebar nav ul{width:1em;margin:auto}aside.sidebar nav li{overflow:hidden;cursor:pointer;height:1.1em;max-width:1.1em;transition:max-width 0.1s ease-out}aside.sidebar nav li a:before{margin:0}aside.sidebar nav li a:link,aside.sidebar nav li a:visited{color:#004f6d;display:block}aside.sidebar nav li:hover{background:#004f6d;padding:0.3rem;padding-bottom:0.2rem;margin:-0.3rem;margin-right:0;margin-bottom:0.8rem;overflow:visible;border-radius:5px;display:inline-block;max-width:300px;transition:max-width 0.1s ease-in}aside.sidebar nav li:hover a{display:block;visibility:visible;color:#FFF}aside.sidebar nav li:hover a:before{margin-right:0.3em}aside.sidebar nav a{visibility:hidden;white-space:nowrap}aside.sidebar nav a:before{visibility:visible}aside.sidebar nav a:hover{text-decoration:none}}