#contact .link,#projects .project-visit-site-link,#projects .project-view-code-link{display:inline-flex;display:inline flex;align-items:center;min-height:44px;min-width:44px;padding:.5em .75em;border:1px solid #203060;border-radius:.25em;text-align:center;background:#203060;color:#fff;cursor:pointer}#contact .link:hover,#projects .project-visit-site-link:hover,#projects .project-view-code-link:hover,#contact .link:focus,#projects .project-visit-site-link:focus,#projects .project-view-code-link:focus{background-color:#d6d65c;color:#203060}#contact .link:active,#projects .project-visit-site-link:active,#projects .project-view-code-link:active{background-color:#c4c8d4}#contact a.link:hover,#projects a.project-visit-site-link:hover,#projects a.project-view-code-link:hover,#contact a.link:focus,#projects a.project-visit-site-link:focus,#projects a.project-view-code-link:focus{text-decoration:none}#projects .project-explore-heading,#hero .heading,#page-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}#hero{display:flex;flex-direction:column}#projects .project-explore-links{display:flex;flex-direction:row}#site-main{max-width:100%}h2{text-align:center}#hero{align-items:center;display:grid;grid-template-columns:minmax(0, 5.5rem) max-content minmax(0, 5.5rem);justify-content:center;padding-top:5rem;color:#203060}#hero .name{grid-row:3;grid-column:2;margin:2rem 0 0;font-size:1.8rem}@media(min-width: 34em){#hero .name{font-size:2.4rem;font-size:clamp(1.8rem,7.161vw - .14783rem,3.2rem)}}@media(min-width: 58.5em){#hero .name{font-size:3.2rem}}#hero .job-title,#hero .location{grid-column:2/-1;margin:0;text-align:right}#hero .location{margin-top:.25rem}#skills{margin-top:8rem}#skills .skills{display:grid;grid-gap:2rem;justify-content:center}@media(min-width: 50em){#skills .skills{grid-template-columns:1fr 1fr}}#skills .skill{border:1px solid #203060;max-width:65ch;margin:2rem auto 0}@media(min-width: 70em){#skills .skill{display:flex}}@supports(grid-area: auto){#skills .skill{max-width:none;margin:0}}#skills .skill-heading{margin:0;color:#fff;background:#203060;text-align:center}@media(min-width: 70em){#skills .skill-heading{min-width:8rem;display:flex;justify-content:center;align-items:center}}#skills .skill-list{margin:1rem}#projects{margin-top:8rem;margin-left:auto;margin-right:auto;max-width:65ch}@supports(grid-area: auto){#projects{max-width:none}}#projects .introduction{max-width:65ch;margin:0 auto}#projects .project{position:relative;margin-top:5rem}#projects .project:first-of-type{margin-top:3rem}@media(min-width: 50em){#projects .project{display:grid;grid-template-rows:min-content min-content;grid-template-columns:calc(50% - 1rem) auto;grid-column-gap:2rem}#projects .project:nth-of-type(2n){grid-template-columns:auto calc(50% - 1rem);justify-content:right}}@media(min-width: 50em){@supports(grid-area: auto){#projects .project-heading{grid-column:2;margin:0}}}@media(min-width: 50em){#projects .project:nth-of-type(2n) .project-heading{grid-column:1}}#projects .project-screenshot{width:100vw;object-fit:cover;object-position:top left;border:1px solid #c4c8d4}@supports(object-fit: cover){#projects .project-screenshot{max-height:50vmin}}@media(min-width: 50em){#projects .project-screenshot{height:100%;max-height:none}@supports(grid-area: auto){#projects .project-screenshot{position:absolute;top:0;left:0;width:calc(50% - 1rem)}}}@media(min-width: 50em){#projects .project:nth-of-type(2n) .project-screenshot{left:auto;right:0}}@media(min-width: 50em){#projects .project-details{grid-column:2}}@media(min-width: 50em){#projects .project:nth-of-type(2n) .project-details{grid-column:1}}#projects .project-explore-links{flex-wrap:wrap;margin-top:1.5rem}#projects .project-visit-site,#projects .project-view-code{margin:1rem 0 0 0}#projects .project-visit-site{margin-right:1rem}#projects .project-visit-site-link,#projects .project-view-code-link{display:inline-block;min-width:10rem}#projects .project-visit-site-link:hover .project-view-code-text,#projects .project-view-code-link:hover .project-view-code-text{text-decoration:none}#projects .project-view-code-link{font-family:courier,monospace;background:#fff;color:#203060;text-decoration:none}#projects .project-view-code-text{text-decoration:underline}#contact{margin-top:6rem;text-align:center}#contact .text{margin:2rem 0 0;font-size:1.2em}#contact .link{display:block;margin:1rem auto 0;width:8.5rem}@media(min-width: 30em){#contact .text{display:inline-block;color:#51586e;border:1px solid #c4c8d4;border-radius:.25em;padding-left:1rem}#contact .link{display:inline-block;margin:0 0 0 1rem}}