@keyframes bg_to_selected{from{background-color:#fbfbfb}to{background-color:rgba(108,207,246,0.1)}}@keyframes bg_to_selected_home{from{background-color:rgba(255,255,255,0)}to{background-color:rgba(251,251,251,0.85)}}.highlight{background:#fafafa}.highlight .hll{background-color:#ffffcc}.highlight .c{color:#6ccff6;font-style:italic}.highlight .err{color:#AA0000;background-color:#FFAAAA}.highlight .k{color:#006699;font-weight:bold}.highlight .o{color:#555555}.highlight .ch,.highlight .cm{color:#6ccff6;font-style:italic}.highlight .cp{color:#009999}.highlight .cpf,.highlight .c1{color:#6ccff6;font-style:italic}.highlight .cs{color:#6ccff6;font-weight:bold;font-style:italic}.highlight .gd{background-color:#FFCCCC;border:1px solid #CC0000}.highlight .ge{font-style:italic}.highlight .gr{color:#FF0000}.highlight .gh{color:#003300;font-weight:bold}.highlight .gi{background-color:#CCFFCC;border:1px solid #00CC00}.highlight .go{color:#AAAAAA}.highlight .gp{color:#000099;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#003300;font-weight:bold}.highlight .gt{color:#99CC66}.highlight .kc,.highlight .kd,.highlight .kn{color:#006699;font-weight:bold}.highlight .kp{color:#006699}.highlight .kr{color:#006699;font-weight:bold}.highlight .kt{color:#007788;font-weight:bold}.highlight .m{color:#FF6600}.highlight .s{color:#CC3300}.highlight .na{color:#330099}.highlight .nb{color:#336666}.highlight .nc{color:#00AA88;font-weight:bold}.highlight .no{color:#336600}.highlight .nd{color:#9999FF}.highlight .ni{color:#999999;font-weight:bold}.highlight .ne{color:#CC0000;font-weight:bold}.highlight .nf{color:#CC00FF}.highlight .nl{color:#9999FF}.highlight .nn{color:#00CCFF;font-weight:bold}.highlight .nt{color:#330099;font-weight:bold}.highlight .nv{color:#003333}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#FF6600}.highlight .sb,.highlight .sc{color:#CC3300}.highlight .sd{color:#CC3300;font-style:italic}.highlight .s2{color:#CC3300}.highlight .se{color:#CC3300;font-weight:bold}.highlight .sh{color:#CC3300}.highlight .si{color:#AA0000}.highlight .sx{color:#CC3300}.highlight .sr{color:#33AAAA}.highlight .s1{color:#CC3300}.highlight .ss{color:#FFCC33}.highlight .bp{color:#336666}.highlight .vc,.highlight .vg,.highlight .vi{color:#003333}.highlight .il{color:#FF6600}html,body{margin:0;padding:0;height:100%}body{background-color:#fbfbfb}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:1.75em}header{display:flex;justify-content:center;align-content:center;flex-direction:column;background-color:#fbfbfb;position:relative;z-index:20;width:100%;height:70px}header h1{margin:0;font-family:"Roboto Slab",serif;font-weight:400;text-align:center;color:#040f16}.content-wrapper{padding:0 1em}.content{font-family:"Roboto Slab",serif;padding:0 16px 16px}.content h1{color:#5a5a5a;font-weight:400}.section-title{font-family:"Fira Sans",sans-serif}@media (max-width: 469px){.content{padding:4px}}pre.highlight,.highlight pre{overflow-x:auto;box-shadow:0px 1px 2px 0px rgba(4,15,22,0.1);border-radius:20px;padding:14px;background-color:#fafafa !important}div.highlight,figure.highlight{background:rgba(255,255,255,0)}figure.highlight{margin:16px 24px}.post-list,.project-list{list-style:none;padding:0;width:100%}.project-card,.card{background-color:#fafafa;box-shadow:0px 1px 2px 0px rgba(4,15,22,0.1);border-radius:20px;page-break-inside:avoid;break-inside:avoid-column;color:#8d8d8d;fill:#8d8d8d;margin-bottom:1em}#mapoop{background-image:url("https://h-crocker.github.io/assets/img/projects/mapoop-ios-photo.jpg")}#jekyll-theme{background-image:url("https://h-crocker.github.io/assets/img/projects/jekyll-theme.jpg")}#jekyll-theme .project-text{background-color:rgba(4,15,22,0.3) !important}#landmark{background-image:url("https://h-crocker.github.io/assets/img/projects/landmark.jpg")}.project-list{column-count:2}.project-card{background-size:cover;background-position:center;overflow:hidden}.project-text{background-color:rgba(4,15,22,0.5);margin:0;padding:14px}.project-text h1,.project-text p{margin:0}.project-text h1{font-size:1.25em;color:#fbfbfb}.project-text p{padding-top:7px;line-height:1.5;color:#fbfbfb}.project-text a{display:flex;justify-content:flex-end;padding-top:7px;text-decoration:none;line-height:24px;height:24px;font-family:"Fira Sans",sans-serif}.project-text a p{color:#6ccff6;padding:0}.project-text a svg{margin-left:5px;fill:#6ccff6;display:inline-block}@media (max-width: 420px){.project-list{column-count:1 !important}.home .project-4{display:none}}@media (min-width: 700px){.project-text h1{font-size:1.5em}.project-list{column-count:3}}@media (min-width: 700px) and (max-width: 899px){.home .project-4{display:none}}@media (min-width: 900px){.project-list{column-count:4}.max-3-projects.project-list{column-count:3}}.max-1-projects.project-list{column-count:1}.max-2-projects.project-list{column-count:2}.post-list a{text-decoration:none}@media (max-width: 469px){.blog .post-list{margin-top:0px}}@media (max-width: 469px){.projects .project-list{margin-top:0px}}.single-post-hack{column-count:1 !important}.card{padding:7px 14px}.card-title{font-size:1.5em}.card-date{font-family:"Fira Sans",sans-serif;font-size:14px;color:#a6a6a6}.card-description{line-height:1.5;max-height:72px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;width:100%}.card-title,.card-date,.read-post{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-flex-align{display:flex;height:24px;width:100%}.read-post{font-size:14px;font-family:"Fira Sans",sans-serif;margin:auto;margin-right:8px;color:#6ccff6}.card-flex-align .card-date{margin:auto auto auto 0}.card-flex-align svg{fill:#6ccff6}@media (min-width: 700px){.post-list{column-count:2}}@media (min-width: 470px) and (max-width: 699px){.home .card-4{display:none}}@media (max-width: 469px){.home .card-4{display:none}}.post a{color:#6ccff6}.button{font-family:"Fira Sans",sans-serif;text-decoration:none;color:#6ccff6;background-color:rgba(108,207,246,0.1);padding:7px 14px;border-radius:100px;display:inline-block;transition:box-shadow linear 250ms}.button-container-right{text-align:right}.button:hover{color:#6ccff6}.back-button svg{fill:#040f16;width:32px !important;height:32px !important}@media (min-width: 340px) and (max-width: 469px){.back-button{position:fixed;top:0px;z-index:100}}@media (min-width: 470px) and (max-width: 899px){.back-button{position:sticky;top:9px;z-index:100;margin-top:-44px;width:32px}.back-button svg{fill:#8d8d8d}}.wrapper{min-height:calc(100% - 70px)}@media (max-width: 469px){body{padding-bottom:4.34em}.post h1:first-of-type{margin-top:0}}@media (min-width: 900px){header{display:none}body{padding-top:70px}}@media (min-width: 1024px){.wrapper,.nav-wrapper{padding-left:50%;margin-left:-512px;width:1024px}}nav{z-index:10;background-color:#fbfbfb}nav ul{font-family:"Fira Sans",sans-serif;list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:inherit}nav ul li a{text-decoration:none;color:#8d8d8d;transition:color linear 300ms}nav ul li{text-align:center;display:inline-block;padding:8px 16px 8px 16px;border-radius:50px}nav ul li:hover a{color:#6ccff6}nav ul li.active{background:rgba(108,207,246,0.1);animation:bg_to_selected 700ms}nav ul li.active a{color:#6ccff6}.tablet-top-nav{position:sticky;top:0;margin-top:-8px;height:3.34em;width:100%;box-shadow:0px -20px 18px 0px rgba(0,0,0,0.3);transition:box-shadow linear 250ms}.nav-wrapper{display:flex}.desktop-top-nav{display:block;position:fixed;width:100%;height:70px;box-shadow:0px -20px 18px 0px rgba(0,0,0,0.3);transition:box-shadow linear 250ms}.desktop-top-nav ul{width:310px}.desktop-top-nav h1{padding-left:30px;width:calc(100% - 352px);font-family:"Roboto Slab",serif;font-weight:400;color:#040f16}.scroll-top{box-shadow:0px 4px 18px 0px rgba(0,0,0,0.3)}.mobile-bottom-nav{position:fixed;bottom:0;height:3.34em;width:100%;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.3)}@media (max-width: 339px){.mobile-bottom-nav ul li{padding:6px 12px 6px 12px}.mobile-bottom-nav ul li a{font-size:0.75em}}@media (max-width: 469px){.tablet-top-nav{display:none}.desktop-top-nav{display:none}}@media (min-width: 470px) and (max-width: 899px){.mobile-bottom-nav{display:none}.desktop-top-nav{display:none}}@media (min-width: 900px){.tablet-top-nav{display:none}.mobile-bottom-nav{display:none}.desktop-top-nav{margin-top:-70px}}footer{margin:32px 16px 16px;bottom:0}@media (min-width: 1024px){footer{padding-left:50%;margin-left:-496px;width:992px}}.footer-content{display:flex;border-top:1px solid #e2e2e2;font-family:"Fira Sans",sans-serif;padding:16px}.footer-left h1{color:#8d8d8d;margin-top:16px;margin-bottom:0}.footer-left h2{margin-top:0;margin-bottom:16px;color:#a6a6a6}.footer-left a{color:#a6a6a6;text-decoration:none}.footer-right{display:flex;align-items:flex-end;margin-left:auto;flex-direction:row}.footer-contact{text-decoration:none;height:24px;margin-left:8px;margin-bottom:16px}.footer-contact p{color:silver;display:inline-block;vertical-align:middle;margin:0}.footer-contact svg{fill:silver;display:inline-block;vertical-align:middle}@media (max-width: 560px){.footer-content{display:block}}@media (max-width: 469px){.footer-content{padding:0}footer{padding-bottom:3.34em}.footer-left h1{font-size:1.5em}.footer-left h2{font-size:1em}.footer-left{text-align:center}.footer-right{display:block;text-align:center}.footer-contact{height:24px;margin:0 4px}}.about-header{margin:16px 0}@media (max-width: 469px){.about-header{margin-top:0}}.about-image{width:128px;height:128px;float:left;padding-right:16px;padding-bottom:16px}.about-image img{width:100%;height:100%;border-radius:20px;box-shadow:0px 1px 2px 0px rgba(4,15,22,0.1)}.about-title{margin:0 0 12px;padding-top:16px;font-size:2em}.about-description{line-height:1.5;color:#040f16}.title-wrapper{height:128px;width:100%}.title-wrapper .about-title{height:inherit;vertical-align:bottom;display:table-cell;font-size:56px;line-height:56px;padding-top:0;margin-bottom:0}@media (max-width: 379px){.title-wrapper .about-title{font-size:48px;line-height:48px}}@media (max-width: 329px){.about-image{display:none}.title-wrapper{height:unset;margin-bottom:16px}.about-title{font-size:2em;line-height:unset}.about-description{margin-top:0}}.about-skills-list-title{font-size:1.25em;margin-bottom:12px;color:#040f16}.about-skills-list{page-break-inside:avoid;break-inside:avoid-column;width:100%;margin-bottom:4px}.skill{background-color:#2a2d34;padding:4px 8px;display:inline-block;border-radius:100px;margin-right:4px;margin-bottom:8px}.skill svg{fill:#fbfbfb;display:inline-block;vertical-align:middle}.skill p{color:#fbfbfb;font-family:"Fira Sans",sans-serif;display:inline-block;vertical-align:middle;height:24px;line-height:24px;margin:1px 2px 0 4px}.about-edu-item{height:150px;display:flex;background-color:#fafafa;box-shadow:0px 1px 2px 0px rgba(4,15,22,0.1);border-radius:20px;margin-bottom:20px;white-space:nowrap;overflow:hidden}.about-edu-item-info{margin-left:16px;padding-right:16px}.about-edu-item h2{color:#040f16}.about-edu-item h3{color:#6ccff6}.about-edu-item h4{color:#8d8d8d}.about-edu-item img{height:118px;width:118px;margin-left:16px;margin-top:16px}@media (max-width: 620px){.about-edu-item{white-space:unset;overflow:unset;height:unset;text-align:center}.about-edu-item-info{width:100%}.about-edu-item img{display:none}}.about-edu a{text-decoration:none}.about-link-icon{margin:auto 12px 12px auto}.about-link-icon p{color:#6ccff6;font-family:"Fira Sans",sans-serif;display:inline-block;vertical-align:middle;height:24px;line-height:24px;margin:0 4px 0 0}.about-link-icon svg{fill:#6ccff6;display:inline-block;vertical-align:middle}@media (max-width: 785px){.about-link-icon p{display:none}}@media (max-width: 620px){.about-edu-item-info{padding-right:0;margin-left:36px}}header{background-color:rgba(255,255,255,0)}header h1{color:#fbfbfb}.home .subheader-background{z-index:0;top:-18.9px;left:0;position:absolute;height:190px;width:100%;background:#6ccff6;box-shadow:0px 2px 4px 0px rgba(108,207,246,0.5)}.home .subheader{position:relative;display:flex;height:120px;width:100%;top:-18.9px}.home .subheader h1{position:relative;z-index:1;font-family:"Roboto Slab",serif;font-weight:400;color:rgba(251,251,251,0.9);width:140px;margin:auto auto auto 16px}.home .subheader img{width:80px;height:80px;border-radius:75px;border:solid 4px rgba(251,251,251,0.9);margin:auto 16px auto auto}.top-nav{transition:background-color linear 200ms,box-shadow linear 250ms;background:#6ccff6}.top-nav ul li.active{background-color:rgba(251,251,251,0.85);animation:bg_to_selected_home 1s;transition:background-color linear 300ms}.top-nav ul li a{color:rgba(251,251,251,0.9)}.top-nav ul li:hover a{color:#fbfbfb}.top-nav ul li.active:hover a{color:#6ccff6}.top-nav ul li.active:hover{background-color:#fbfbfb}.top-nav ul li:hover a{color:#fbfbfb}.top-nav ul li.active:hover a{color:#6ccff6}.top-nav ul li.active:hover{background-color:rgba(251,251,251,0.85)}.scroll-top-home{background-color:#fbfbfb}.scroll-top-home ul li a{color:#8d8d8d}.scroll-top-home ul li:hover a{color:#6ccff6}.scroll-top-home ul li.active{animation:bg_to_selected 700ms;background:rgba(108,207,246,0.1)}@media (min-width: 470px) and (max-width: 899px){header{transition:background-color linear 200ms,box-shadow linear 250ms;background-color:#6ccff6}.scroll-top-home-header{background-color:#fbfbfb}.home .subheader-background{height:244px}.home .subheader{top:-16px}}.desktop-top-nav h1{transition:color linear 300ms;color:#fbfbfb}.desktop-top-nav.scroll-top-home h1{color:#040f16}@media (min-width: 900px){header{background-color:#6ccff6}.home .subheader-background{height:190px}.home .subheader{top:-16px}}.subheader-skills{position:absolute;display:flex;align-items:center;justify-content:center;color:rgba(251,251,251,0.9)}.subheader-skills svg{position:relative;text-align:center;padding-right:8px;fill:rgba(251,251,251,0.9)}.subheader-skills a{height:24px}@media (max-width: 469px){.subheader-skills{height:48px;width:100%;left:0;margin-top:-19px;background-color:#2a2d34;box-shadow:0px 2px 4px 0px rgba(42,45,52,0.5);border-top:1px solid #353942}.subheader-skills svg{padding-right:16px}.content{margin-top:32px}}@media (min-width: 470px) and (max-width: 899px){.subheader-skills{top:120px;right:136px;margin-top:-18.9px;height:120px}}@media (min-width: 900px){.subheader-skills{top:70px;right:136px;margin-top:-18.9px;height:120px}}@media (min-width: 1024px){.subheader-skills{left:50%;margin-left:-512px;top:70px;width:1024px;margin-top:-18.9px;height:120px;justify-content:flex-end}.spacer{height:24px;width:136px}}