#Logo{display:block;font-size:.9rem;color:var(--hf-link-colour);border:1px solid var(--hf-link-colour);text-decoration:none;transition:color .5s,background-color .5s}#Logo>ul{overflow:hidden;padding:2px;list-style-type:none}#Logo>ul>li{position:relative;animation:move-logo-text-initial .4s ease-in-out}#Logo>ul>li:nth-of-type(2){animation-delay:.15s}#Logo>ul>li:nth-of-type(3){animation-delay:.3s}@keyframes move-logo-text-initial{0%{left:0}50%{left:120%}51%{left:-120%}to{left:0}}@media (max-width: 768px){#Logo{font-size:.7rem}}@media (min-width: 769px){#Logo:hover{color:var(--hf-logo-hover-text-color);background-color:var(--hf-link-colour)}#Logo:hover>ul>li{position:relative;animation:move-logo-text .4s ease-in-out}#Logo:hover>ul>li:nth-of-type(2){animation-delay:.15s}#Logo:hover>ul>li:nth-of-type(3){animation-delay:.3s}@keyframes move-logo-text{0%{left:0}50%{left:120%}51%{left:-120%}to{left:0}}}:root{--header-outer-height: 6rem;--header-inner-height: 4rem}#Header{position:sticky;top:calc(var(--header-inner-height) - var(--header-outer-height));height:var(--header-outer-height);display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--hf-bg-colour);z-index:9}#Header__inner{position:sticky;top:0;height:var(--header-inner-height);max-width:var(--global-max-width);width:100%;display:flex;flex-direction:row;align-items:center;overflow:hidden;padding:0 1rem}#Header__mobile-nav-btn{display:none;margin-left:auto;margin-right:.5rem;background-color:transparent;border:none;z-index:99}#Header__mobile-nav-btn>img{width:1.6rem;filter:var(--hf-icon-colour);cursor:pointer}#Header__mobile-nav{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--mobile-nav-bg-colour),.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:left .3s;z-index:98}#Header__mobile-nav>a{width:100%;padding:1.5rem;font-size:1.7rem;color:var(--mobile-nav-link-colour);text-align:center;text-decoration:none}#Header__desktop-nav{display:flex;margin-left:auto;font-size:1.1rem;font-weight:700}#Header__desktop-nav>a{height:100%;display:block;color:var(--hf-link-colour);padding:1rem;text-decoration:none}#Header__desktop-nav>a:hover{color:var(--hf-link-hover-colour)}@media (max-width: 768px){:root{--header-outer-height: 4rem}#Header__desktop-nav{display:none}#Header__mobile-nav-btn{display:block}#Header__mobile-nav{display:flex}}:root{--shadow-scale: .96;--shadow-opacity: .85}#splash-image__outer{display:flex;justify-content:flex-end}#splash-image__inner{position:relative;width:var(--splash-image-width);height:var(--splash-image-height)}#splash-image__inner>img{position:absolute;top:0;left:0;max-width:100%}#splash-image__shadows{animation:flicker-shadows 3s infinite;background:radial-gradient(closest-side,rgba(255,255,255,.3),transparent);filter:var(--splash-shadow-colour)}@keyframes flicker-shadows{0%{transform:scaleY(1);opacity:1}10%{transform:scaleY(var(--shadow-scale));opacity:var(--shadow-opacity)}12%{transform:scaleY(1);opacity:1}25%{transform:scaleY(var(--shadow-scale));opacity:var(--shadow-opacity)}30%{transform:scaleY(1);opacity:1}50%{transform:scaleY(var(--shadow-scale));opacity:var(--shadow-opacity)}70%{transform:scaleY(1);opacity:1}75%{transform:scaleY(var(--shadow-scale));opacity:var(--shadow-opacity)}to{transform:scaleY(1);opacity:1}}#splash-image__wisp{animation:flicker-wisp 6s infinite;filter:invert(30%)}@keyframes flicker-wisp{0%{transform:scaleY(.8);opacity:.2}30%{transform:scaleY(1);opacity:.8}to{transform:scaleY(.8);opacity:.2}}#splash-image__lights{animation:flicker-lights 7s infinite}@keyframes flicker-lights{0%{opacity:0}94%{opacity:0}95%{opacity:1}99%{opacity:1}to{opacity:0}}#splash-image__monitor-code{position:absolute;width:calc(var(--splash-image-width) / 3.5);top:calc(var(--splash-image-height) / 13);left:calc(var(--splash-image-width) / 2.4);font-size:calc(var(--splash-image-height) / 65);transform:rotate(-1deg)}@media (max-width: 990px){#splash-image__inner{width:var(--splash-image-smaller-width);height:var(--splash-image-smaller-height)}#splash-image__monitor-code{width:calc(var(--splash-image-smaller-width) / 3.5);top:calc(var(--splash-image-smaller-height) / 13);left:calc(var(--splash-image-smaller-width) / 2.4);font-size:calc(var(--splash-image-smaller-height) / 65)}}@media (max-width: 425px){#splash-image__inner{width:var(--splash-image-smallest-width);height:var(--splash-image-smallest-height)}#splash-image__monitor-code{width:calc(var(--splash-image-smallest-width) / 3.5);top:calc(var(--splash-image-smallest-height) / 13);left:calc(var(--splash-image-smallest-width) / 2.4);font-size:calc(var(--splash-image-smallest-height) / 65)}}#ElevatedButton{position:relative;height:2.5rem;display:flex;justify-content:center}#ElevatedButton__link{position:absolute;top:0;padding:.7rem;color:rgb(var(--primary-900));background-color:var(--cta-bg-colour);white-space:nowrap;text-decoration:none;border-bottom:solid var(--cta-border-colour);border-width:5px;border-radius:1rem;box-shadow:var(--subtle-box-shadow);transition:top .1s,border-width .1s,background-color .1s}#ElevatedButton__link:hover{top:5px;border-width:0;background-color:var(--cta-hover-bg-colour)}#Splash{background:radial-gradient(rgb(var(--primary-900)),rgb(var(--primary-800)))}#Splash__inner{max-width:var(--global-max-width);margin:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem}#Splash__text{display:flex;flex-direction:column;gap:3rem}#Splash__text>h2{width:fit-content;padding-left:1.4rem;font-size:2.5rem;font-weight:400;border-left:2px dotted rgb(var(--primary-200));text-transform:uppercase}.fullstack-highlight{font-weight:700}.blinking-underscore{animation:blinking-underscore 1.5s linear infinite}@keyframes blinking-underscore{0%{opacity:.3}49%{opacity:.3}50%{opacity:0}to{opacity:0}}#Splash__text>h3{font-size:1rem;font-weight:700;color:rgb(var(--primary-400))}@media (max-width: 1024px){#Splash__text>h2{font-size:2.2rem}#Splash__inner{gap:1rem;padding-left:1rem;padding-right:1rem}}@media (max-width: 768px){#Splash__inner{flex-direction:column;align-items:center;gap:0;padding-top:2rem}#Splash__text{align-items:center;gap:2.5rem}#Splash__text>h2{font-size:1.8rem}#Splash__text>h3,#Splash__text>p{font-size:.8rem;text-align:center}}.Loading{position:absolute;top:0;left:0;z-index:97;width:100%;height:100%;grid-column:1 / span 3;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(var(--primary-900),.95)}.Loading>img{display:inline-block;height:5em;aspect-ratio:1;filter:var(--black-to-primary-300);animation:loading-spin 5s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.LanguageIcon__link{display:flex;flex-direction:column;align-items:center;padding:2%;background-color:var(--lng-icon-bg-colour)}.LanguageIcon__link:hover{background-color:rgba(var(--primary-700))}.LanguageIcon__link>svg{height:100%;width:100%}#Languages{background-color:rgb(var(--primary-900))}#Languages__inner{max-width:var(--global-max-width);margin:auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:var(--section-v-padding) var(--section-h-padding);padding-bottom:1rem!important}#Languages__title{font-size:1.3rem;font-weight:700;text-shadow:var(--heading-shadow);text-transform:uppercase}#Languages__icon-wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#Languages__icon-wrapper>a{padding:.5rem;text-decoration:none}#Languages__icon-wrapper svg{height:3.5rem;aspect-ratio:1}#Languages__tooltip{position:absolute;padding:.6rem;font-size:.8rem;background-color:var(--lng-tooltip-bg-colour);border:1px dashed rgba(var(--primary-600));box-shadow:2px 2px 10px rgba(var(--primary-800))}@media (max-width: 768px){#Languages__tooltip{display:none!important}#Languages__icon-wrapper{gap:1rem}#Languages__icon-wrapper svg{height:3rem}}#Skills{background-color:rgb(var(--primary-900))}#Skills__inner{max-width:var(--global-max-width);margin:auto;display:flex;flex-direction:column;align-items:center;gap:5rem;padding:var(--section-v-padding) var(--section-h-padding)}#Skills__title{display:none;font-size:1.3rem;font-weight:700;text-shadow:var(--heading-shadow);text-transform:uppercase}#Skills__soft-skills-list{display:grid;grid-template-columns:1fr 1fr;gap:3rem}#Skills__soft-skills-list>li{position:relative;padding-left:2rem;font-size:1rem;line-height:2rem;list-style:none}#Skills__soft-skills-list>li:before{background-image:url(/assets/check-95eb920a.svg);background-repeat:no-repeat;background-position:center;background-size:cover;content:"";width:1.2rem;height:1.2rem;position:absolute;left:0;top:.4rem}#Skills__soft-skills-list>li>strong{font-size:1.2rem}@media (max-width: 990px){#Skills__soft-skills-list{grid-template-columns:1fr}}@media (max-width: 768px){#Skills__soft-skills-list>li{font-size:.9rem;line-height:1.4rem}#Skills__soft-skills-list>li:before{top:.25rem}#Skills__soft-skills-list>li>strong{font-size:1.1rem}}:root{--featured-slide-in-x: 3rem}.FeaturedProject{display:flex;flex-direction:row;padding:0 2rem}.FeaturedProject__img-wrapper{position:relative;width:50%;height:fit-content;margin:0 1rem;animation-name:slide-right;animation-duration:1.2s;animation-timing-function:ease-out;animation-play-state:paused}.FeaturedProject__img-wrapper img{width:100%;box-shadow:var(--subtle-box-shadow)}.FeaturedProject__img-wrapper__overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;background-color:var(--featured-project-img-overlay-bg-colour);color:var(--featured-project-img-overlay-text-colour);font-size:1.5rem;font-weight:700;text-shadow:0 0 1.5rem black;transition:opacity .2s}.FeaturedProject__img-wrapper__overlay:hover{opacity:1}.FeaturedProject__details{flex:1;display:flex;flex-direction:column;margin:0 2rem}.FeaturedProject__details>a{color:inherit;text-decoration:none}.FeaturedProject__details>a:hover{text-decoration:underline}.FeaturedProject__title{margin-bottom:.2rem;color:rgb(var(--primary-50));font-size:2rem;font-weight:400}.FeaturedProject__language-icons{width:fit-content;display:flex;flex-direction:row;gap:.5rem;margin:.2rem 0}.FeaturedProject__language-icons svg{height:1.6rem}.FeaturedProject__description{margin-top:2rem;color:rgb(var(--primary-400));font-size:.9rem;line-height:2rem;font-style:italic}.FeaturedProject:nth-of-type(2n){flex-direction:row-reverse}.FeaturedProject:nth-of-type(2n)>.FeaturedProject__img-wrapper{animation-name:slide-left!important}.FeaturedProject:nth-of-type(2n)>.FeaturedProject__details{align-items:flex-end}.FeaturedProject:nth-of-type(2n) .FeaturedProject__title,.FeaturedProject:nth-of-type(2n) .FeaturedProject__description{text-align:right}@keyframes slide-left{0%{opacity:.3;transform:translate(var(--featured-slide-in-x))}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:.3;transform:translate(calc(-1 * var(--featured-slide-in-x)))}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.FeaturedProject{flex-direction:column!important;align-items:center;padding:0}.FeaturedProject__img-wrapper{width:100%;margin:0;margin-bottom:1rem;animation-play-state:running}.FeaturedProject__details{width:100%;align-items:flex-start!important}.FeaturedProject__title,.FeaturedProject__description{text-align:left!important}}#Featured{background:radial-gradient(rgb(var(--primary-900)),rgb(var(--primary-850)))}#Featured__inner{max-width:var(--global-max-width);margin:auto;display:flex;flex-direction:column;align-items:center;gap:6rem;padding:var(--section-v-padding) var(--section-h-padding)}#Featured__title{font-size:1.3rem;font-weight:700;text-shadow:var(--heading-shadow);text-transform:uppercase}#Featured__project-wrapper{width:100%;display:flex;flex-direction:column;gap:6rem}#Featured__inner>a{margin:1rem 0;padding:1.5rem;color:rgb(var(--primary-100));font-size:.9rem;font-weight:700;text-transform:uppercase;text-decoration:none;background-color:rgb(var(--primary-900));border:1px solid rgb(var(--primary-100));border-radius:3rem;box-shadow:var(--subtle-box-shadow)}#Featured__inner>a:hover{background-color:rgb(var(--primary-700))}#OtherTech{background-color:rgb(var(--primary-900))}#OtherTech__inner{max-width:var(--global-max-width);margin:auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:var(--section-v-padding) var(--section-h-padding)}#OtherTech__icon-wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#OtherTech__icon-wrapper>img{height:3.5rem;aspect-ratio:1;filter:var(--icon-grey-filter)}@media (max-width: 768px){#OtherTech__icon-wrapper>img{height:3rem}}#Contact{display:flex;flex-direction:column;align-items:center;background:radial-gradient(rgb(var(--primary-850)),rgb(var(--primary-800)))}#Contact__inner{max-width:var(--global-max-width);display:flex;flex-direction:column;align-items:center;gap:4rem;padding:var(--section-v-padding) var(--section-h-padding)}#Contact__title{font-size:1.3rem;font-weight:700;text-shadow:var(--heading-shadow);text-transform:uppercase}#Contact__methods{width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:2.5rem}.Contact__method{flex:1 1 0px;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;color:inherit;text-decoration:none;background-color:rgb(var(--primary-900));box-shadow:var(--subtle-box-shadow)}.Contact__method>img{width:5.5rem;aspect-ratio:1}.Contact__method>h3{font-size:1rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.Contact__method>p{font-size:.9rem;line-height:1.3rem;text-align:center}.Contact__method__cta-btn{display:flex;align-items:center;justify-content:center;padding:.7rem 1rem;font-size:.8rem;font-weight:700;color:rgb(var(--primary-900));text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;background-color:var(--contact-btn-bg-colour);box-shadow:var(--subtle-box-shadow)}.Contact__method:hover>.Contact__method__cta-btn{background-color:var(--contact-btn-hover-bg-colour)}@media (max-width: 768px){#Contact__methods{flex-direction:column}.Contact__method{max-width:400px}}#PortfolioSortOptions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}#PortfolioSortOptions>select{width:15rem;margin:0 .5rem;padding:.7rem;color:rgb(var(--primary-50));background-color:rgb(var(--primary-900));border:1px solid rgb(var(--primary-500));border-radius:5px;cursor:pointer}#PortfolioSortOptions>select:hover{border-color:rgb(var(--primary-100))}.PortfolioCard{overflow:hidden;background-color:rgb(var(--primary-900));border:1px solid rgb(var(--primary-500));border-radius:.3rem;box-shadow:var(--subtle-box-shadow)}.PortfolioCard:hover{border-color:rgb(var(--primary-100))}.PortfolioCard>a{text-decoration:none}.PortfolioCard__title{height:2.5rem;display:flex;align-items:center;margin:1rem;font-size:1rem;font-weight:700;color:rgb(var(--primary-50))}.PortfolioCard__image{display:block;width:calc(100% - 1em);aspect-ratio:1.7;object-fit:cover;margin:.5em;border:1px solid rgb(var(--primary-700))}.PortfolioCard__bottom-bar{display:flex;flex-direction:row;align-items:center;padding:.5rem;background-color:rgb(var(--primary-850))}.PortfolioCard__bottom-bar>span{display:flex;align-items:center;margin:.5rem;font-size:.8rem;font-weight:700;color:rgb(var(--primary-200));text-decoration:none}.PortfolioCard__bottom-bar>span>img{height:1.2rem;aspect-ratio:1;margin-right:.5rem;filter:var(--black-to-primary-50)}.PortfolioCard__bottom-bar__language-icons{display:flex;justify-content:flex-end;gap:.5rem;margin-left:auto}.PortfolioCard__bottom-bar__language-icons svg{height:1.6rem;aspect-ratio:1}#PortfolioPagination{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem}#PortfolioPagination__button-wrapper{display:flex;gap:.5rem}#PortfolioPagination__button-wrapper>button{color:rgb(var(--primary-50));font-size:1.2rem;padding:.5rem .7rem;background-color:#fff;border:1px solid rgb(var(--primary-500));border-radius:5px}#PortfolioPagination__button-wrapper>button:enabled:hover{border-color:rgb(var(--primary-100));cursor:pointer}#PortfolioPagination__button-wrapper>button:disabled{font-weight:700;color:#fff;background-color:rgb(var(--primary-400))}#Portfolio{position:relative;min-height:calc(100vh - 5em);display:flex;flex-direction:column;align-items:center;background:radial-gradient(rgb(var(--primary-900)),rgb(var(--primary-800)))}#Portfolio__inner{max-width:var(--global-max-width);display:flex;flex-direction:column;align-items:center;gap:2em;margin:3rem 1rem}#Portfolio__title{font-size:2rem;font-weight:700;text-shadow:var(--heading-shadow)}#Portfolio__project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}#Portfolio__project-grid>div{width:100%;max-width:400px}@media (max-width: 990px){#Portfolio__project-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){#Portfolio__project-grid{grid-template-columns:1fr}}:root{--vote-btn-size: 3rem}#ProjectVotes{display:flex;flex-direction:column;align-items:center;gap:1rem}#ProjectVotes>figcaption{font-size:1.4rem;font-style:italic;color:rgb(var(--primary-400))}#ProjectVotes>figure{height:var(--vote-btn-size);display:flex;flex-direction:row}#ProjectVotes>figure>*{display:flex;align-items:center;justify-content:center}#ProjectVotes__up-btn,#ProjectVotes__down-btn{padding:1rem;background-color:rgb(var(--primary-800));border:none;cursor:pointer}#ProjectVotes__up-btn{border-right:1px dashed rgb(var(--primary-400));border-radius:var(--vote-btn-size) 0 0 var(--vote-btn-size)}#ProjectVotes__down-btn{width:var(--vote-btn-size);border-radius:0 var(--vote-btn-size) var(--vote-btn-size) 0}#ProjectVotes__up-btn>img,#ProjectVotes__down-btn>img{width:1.3rem;aspect-ratio:1}#ProjectVotes__down-btn>img{transform:rotate(180deg)}#ProjectVotes__up-btn:hover,#ProjectVotes__down-btn:hover{background-color:rgb(var(--primary-700))}.ProjectVotes__up-btn--active{background-color:var(--vote-up-bg-colour)!important}.ProjectVotes__down-btn--active{background-color:var(--vote-down-bg-colour)!important}#ProjectVotes__votes{margin-left:1rem;font-size:1.8rem;color:rgb(var(--primary-50))}#ProjectSidebar{width:var(--prj-sidebar-width);height:0;min-height:100%;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;flex-flow:column wrap;align-items:center;gap:1.5rem;padding:var(--prj-sidebar-padding)}#ProjectSidebar>a{text-decoration:none}#ProjectSidebar>h2{color:rgb(var(--primary-400));font-size:.9rem;font-weight:400;font-style:italic}.ProjectSidebar__card{width:calc(var(--prj-sidebar-width) - 2 * var(--prj-sidebar-padding));aspect-ratio:1.5;background-size:cover;border:1px solid rgba(var(--primary-500))}.ProjectSidebar__card:hover{border-color:rgba(var(--primary-100))}.ProjectSidebar__card__title{padding:.3rem;background-color:rgba(var(--primary-50),.8)}.ProjectSidebar__card__title>h3{font-size:.9rem;font-weight:700;color:rgb(var(--primary-900))}.ProjectSidebar__card>img{width:100%}@media (max-width: 992px){#ProjectSidebar{display:none}}:root{--code-font: Monospace, Courier New}#Project{position:relative;min-height:calc(100vh - 5em);display:flex;flex-direction:column;align-items:center;background-color:rgb(var(--primary-800))}#Project__inner{max-width:var(--global-max-width);display:grid;grid-template-columns:1fr min-content;gap:var(--prj-article-sidebar-gap);margin:2rem 1rem}#Project__inner>article{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem;background-color:rgb(var(--primary-900));border:1px solid rgb(var(--primary-500));border-radius:.5rem;box-shadow:var(--subtle-box-shadow)}#Project__title{text-align:center;font-size:1.7rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgb(var(--primary-700));text-shadow:var(--heading-shadow)}#Project__details{width:100%;display:flex;align-items:center;justify-content:space-around}#Project__details__date{font-size:.8rem;text-align:center}#Project__details__languages{height:fit-content;display:flex;flex-direction:row;justify-content:center;gap:.5rem}#Project__details__languages svg{width:1.5rem;aspect-ratio:1}#Project__details__links__wrapper{display:flex;flex-direction:row;gap:.5rem}.Project__details__link{padding:.5rem 1rem;text-align:center;white-space:nowrap;font-size:.9rem;color:rgb(var(--primary-900));text-decoration:none;background-color:var(--cta-bg-colour);border-radius:.5rem;box-shadow:var(--subtle-box-shadow)}.Project__details__link>img{height:1em;aspect-ratio:1;filter:var(--black-to-primary-900)}.Project__details__link:hover{background-color:var(--cta-hover-bg-colour)}#Project__media{width:80%;max-width:var(--prj-article-media-max-width);height:fit-content}#Project__media>*{width:100%;border:none;box-shadow:var(--subtle-box-shadow)}#Project__media>img{object-fit:cover;aspect-ratio:16/9}#Project__media>iframe{aspect-ratio:16/9}#Project__body{margin:1rem;font-family:Arial}#Project__body>*:first-child{margin-top:0!important}#Project__body>h3{margin-top:4rem;font-size:1.7rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgb(var(--primary-700))}#Project__body>h3:before{display:inline-block;content:"//";margin-right:1rem;color:rgb(var(--primary-400))}#Project__body p,#Project__body ul,#Project__body ol,#Project__body div.quote{font-size:1rem;line-height:1.6rem;margin-top:2rem;margin-left:1rem;margin-right:1rem}#Project__body ul>li,#Project__body ol>li{margin-left:1rem}#Project__body ul>li:not(:first-child),#Project__body ol>li:not(:first-child){margin-top:1.5rem}#Project__body img{display:block;max-width:70%;max-height:70vh;margin:3rem auto;border:1px solid rgb(var(--primary-300));box-shadow:var(--subtle-box-shadow)}#Project__body .code-block-wrapper{width:100%;display:table;table-layout:fixed;margin:3rem auto;background-color:var(--prj-code-background-colour);box-shadow:var(--subtle-box-shadow)}#Project__body .code-block-wrapper>pre{overflow:auto;padding:.5rem;border:1px solid rgb(var(--primary-500))}#Project__body a{color:var(--href-colour);text-decoration:none}#Project__body a:hover{text-decoration:underline}#Project__body p.note{color:rgb(var(--primary-300));font-size:.9rem;font-style:italic}#Project__body div.quote{padding:.5rem;font-style:italic;background:rgb(var(--primary-850));border-left:10px solid rgb(var(--primary-700))}#Project__body div.quote:before{content:open-quote;color:rgb(var(--primary-700));font-size:4rem;line-height:.1rem;vertical-align:-.4em;margin-right:1rem}#Project__body p.caption{font-style:italic;position:relative;top:-2.5rem;margin-bottom:-2.5rem;text-align:center;color:rgb(var(--primary-400));font-size:.8rem}#Project__body .hl{padding:.2rem .3rem;border-radius:.5rem}#Project__body .bold{font-weight:700;background-color:var(--prj-bold-bg)}#Project__body .snippet{font-family:var(--code-font);font-size:.9rem;white-space:nowrap;background-color:var(--prj-snippet-bg)}#Project__body .language{background-color:var(--prj-language-bg)}#Project__body .function{font-family:var(--code-font);font-size:.9rem;background-color:var(--prj-function-bg)}@media (max-width: 1440px){#Project__inner>article{max-width:850px}}@media (max-width: 992px){#Project__inner{grid-template-columns:1fr;gap:0}}@media (max-width: 768px){#Project__media,#Project__body img{width:100%}}@media (max-width: 576px){#Project__inner{margin:0}#Project__inner>article{padding-left:2rem;padding-right:2rem;border:none;border-radius:0}#Project__body p,#Project__body ul,#Project__body ol{margin-left:0;margin-right:0}}@media (max-width: 425px){#Project__inner>article{padding-left:1rem;padding-right:1rem}#Project__body{margin:.5rem}#Project__body p,#Project__body ul,#Project__body ol{font-size:.9rem}#Project__body pre{font-size:.6rem}}#Footer{display:flex;flex-direction:row;justify-content:center;background-color:var(--hf-bg-colour)}#Footer__inner{width:100%;max-width:var(--global-max-width);min-height:9rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center}#Footer__email>a{color:var(--hf-link-colour);text-decoration:none}#Footer__email>a:hover{color:var(--hf-link-hover-colour);text-decoration:underline}#Footer__sm-icons{display:flex;flex-direction:row;gap:2rem}.sm-icon{width:1.8rem;aspect-ratio:1;filter:var(--hf-icon-colour)}.sm-icon:hover{filter:var(--hf-icon-hover-colour)}@media (max-width: 768px){#Footer__inner{flex-direction:column-reverse;gap:3rem;padding:3rem 0}#Footer__email>a{font-size:.9rem}}:root{--scroll-to-top-btn-font-size: .8rem;--scroll-to-top-btn-padding: .6rem;--scroll-to-top-btn-margin: 1rem}#ScrollToTopBtn{position:fixed;right:var(--scroll-to-top-btn-margin);display:flex;align-items:center;justify-content:center;padding:var(--scroll-to-top-btn-padding);font-size:var(--scroll-to-top-btn-font-size);color:rgb(var(--primary-800));background-color:rgb(var(--primary-400));border:none;border-radius:.5rem;box-shadow:var(--subtle-box-shadow);cursor:pointer;transition:top .5s,opacity 1s}#ScrollToTopBtn:hover{background-color:rgb(var(--primary-300))}.ScrollToTopBtn--hidden{top:calc(100vh + 1rem);opacity:.3}.ScrollToTopBtn--visible{top:calc(100vh - var(--scroll-to-top-btn-font-size) - (2 * var(--scroll-to-top-btn-padding)) - var(--scroll-to-top-btn-margin));opacity:1}#App>main{min-height:calc(100vh - 5em)}:root{--hf-link-colour: white;--hf-link-hover-colour: rgb(197, 197, 197);--hf-icon-colour: invert(100%);--hf-icon-hover-colour: invert(96%) sepia(6%) saturate(0%) hue-rotate(318deg) brightness(83%) contrast(84%);--hf-logo-hover-text-color: black;--hf-bg-colour: rgb(10, 20, 41);--mobile-nav-bg-colour: 0, 0, 0;--mobile-nav-link-colour: white;--contact-btn-bg-colour: rgb(42, 84, 169);--contact-btn-hover-bg-colour: rgb(60, 120, 241);--skills-tick-filter: invert(22%) sepia(44%) saturate(4798%) hue-rotate(104deg) brightness(104%) contrast(104%);--featured-project-img-overlay-bg-colour: rgba(0, 0, 0, .9);--featured-project-img-overlay-text-colour: white;--vote-up-bg-colour: rgb(119, 221, 119);--vote-down-bg-colour: rgb(221, 119, 119);--subtle-box-shadow: 0px 3px 15px rgba(var(--primary-50), .2);--heading-shadow: 1px 1px 0px rgb(var(--primary-900)), 2px 2px 0px rgba(var(--primary-100), .15)}:root{--primary-r: 256;--primary-g: 256;--primary-b: 256;--href-colour: blue;--href-hover-colour: darkblue;--splash-shadow-colour: invert(0%);--lng-icon-bg-colour: transparent;--lng-tooltip-bg-colour: lightgoldenrodyellow;--icon-grey-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2631%) hue-rotate(356deg) brightness(83%) contrast(76%);--cta-bg-colour: rgb(0, 113, 0);--cta-hover-bg-colour: rgb(0, 141, 0);--cta-border-colour: black;--prj-bold-bg: rgb(232, 232, 232);--prj-snippet-bg: rgb(247, 186, 179);--prj-language-bg: rgb(173, 216, 230);--prj-function-bg: rgb(235, 235, 86);--prj-code-background-colour: lightgoldenrodyellow}@media (prefers-color-scheme: dark){:root{--primary-r: 0;--primary-g: 0;--primary-b: 0;--href-colour: lightblue;--href-hover-colour: blue;--splash-shadow-colour: invert(40%);--lng-icon-bg-colour: rgb(32, 32, 32);--lng-tooltip-bg-colour: rgb(30, 20, 20);--cta-bg-colour: rgb(0, 192, 0);--cta-hover-bg-colour: rgb(0, 240, 0);--cta-border-colour: black;--prj-bold-bg: rgb(68, 68, 68);--prj-snippet-bg: rgb(68, 28, 23);--prj-language-bg: rgb(25, 70, 85);--prj-function-bg: rgb(80, 80, 12);--prj-code-background-colour: rgb(30, 30, 30)}.com{color:#57a64a}.str,.tag{color:#d69d85}.kwd,.atv{color:#569cd6}.typ{color:#4ec9b0}.lit,.atn{color:#b5cea8}.pun,.pln{color:#dcdcdc}.dec{color:#c284c2}}:root{--primary-900: calc(var(--primary-r) * 1), calc(var(--primary-g) * 1), calc(var(--primary-b) * 1);--primary-850: calc(var(--primary-r) * .94), calc(var(--primary-g) * .94), calc(var(--primary-b) * .94);--primary-800: calc(var(--primary-r) * .88), calc(var(--primary-g) * .88), calc(var(--primary-b) * .88);--primary-700: calc(var(--primary-r) * .77), calc(var(--primary-g) * .77), calc(var(--primary-b) * .77);--primary-600: calc(var(--primary-r) * .66), calc(var(--primary-g) * .66), calc(var(--primary-b) * .66);--primary-500: calc(var(--primary-r) * .55), calc(var(--primary-g) * .55), calc(var(--primary-b) * .55);--primary-400: calc(var(--primary-r) * .44), calc(var(--primary-g) * .44), calc(var(--primary-b) * .44);--primary-300: calc(var(--primary-r) * .33), calc(var(--primary-g) * .33), calc(var(--primary-b) * .33);--primary-200: calc(var(--primary-r) * .22), calc(var(--primary-g) * .22), calc(var(--primary-b) * .22);--primary-100: calc(var(--primary-r) * .11), calc(var(--primary-g) * .11), calc(var(--primary-b) * .11);--primary-50: calc(var(--primary-r) * 0), calc(var(--primary-g) * 0), calc(var(--primary-b) * 0);--black-to-primary-300: invert(20%);--black-to-primary-900: invert(100%);--black-to-primary-50: invert(0%)}@media (prefers-color-scheme: dark){:root{--primary-diff-r: calc(255 - var(--primary-r));--primary-diff-g: calc(255 - var(--primary-g));--primary-diff-b: calc(255 - var(--primary-b));--primary-900: calc(var(--primary-r) + var(--primary-diff-r) * 0), calc(var(--primary-g) + var(--primary-diff-g) * 0), calc(var(--primary-b) + var(--primary-diff-b) * 0);--primary-850: calc(var(--primary-r) + var(--primary-diff-r) * .06), calc(var(--primary-g) + var(--primary-diff-g) * .06), calc(var(--primary-b) + var(--primary-diff-b) * .06);--primary-800: calc(var(--primary-r) + var(--primary-diff-r) * .11), calc(var(--primary-g) + var(--primary-diff-g) * .11), calc(var(--primary-b) + var(--primary-diff-b) * .11);--primary-700: calc(var(--primary-r) + var(--primary-diff-r) * .22), calc(var(--primary-g) + var(--primary-diff-g) * .22), calc(var(--primary-b) + var(--primary-diff-b) * .22);--primary-600: calc(var(--primary-r) + var(--primary-diff-r) * .33), calc(var(--primary-g) + var(--primary-diff-g) * .33), calc(var(--primary-b) + var(--primary-diff-b) * .33);--primary-500: calc(var(--primary-r) + var(--primary-diff-r) * .44), calc(var(--primary-g) + var(--primary-diff-g) * .44), calc(var(--primary-b) + var(--primary-diff-b) * .44);--primary-400: calc(var(--primary-r) + var(--primary-diff-r) * .55), calc(var(--primary-g) + var(--primary-diff-g) * .55), calc(var(--primary-b) + var(--primary-diff-b) * .55);--primary-300: calc(var(--primary-r) + var(--primary-diff-r) * .66), calc(var(--primary-g) + var(--primary-diff-g) * .66), calc(var(--primary-b) + var(--primary-diff-b) * .66);--primary-200: calc(var(--primary-r) + var(--primary-diff-r) * .77), calc(var(--primary-g) + var(--primary-diff-g) * .77), calc(var(--primary-b) + var(--primary-diff-b) * .77);--primary-100: calc(var(--primary-r) + var(--primary-diff-r) * .88), calc(var(--primary-g) + var(--primary-diff-g) * .88), calc(var(--primary-b) + var(--primary-diff-b) * .88);--primary-50: calc(var(--primary-r) + var(--primary-diff-r) * 1), calc(var(--primary-g) + var(--primary-diff-g) * 1), calc(var(--primary-b) + var(--primary-diff-b) * 1);--black-to-primary-900: invert(0%);--black-to-primary-300: invert(80%);--black-to-primary-50: invert(100%)}}:root{--global-max-width: 1300px;--section-v-padding: 6rem;--section-h-padding: 3rem;--splash-image-aspect-ratio: calc(1000 / 720);--splash-image-width: 500px;--splash-image-height: calc( var(--splash-image-width) / var(--splash-image-aspect-ratio) );--splash-image-smaller-width: 350px;--splash-image-smaller-height: calc( var(--splash-image-smaller-width) / var(--splash-image-aspect-ratio) );--splash-image-smallest-width: 280px;--splash-image-smallest-height: calc( var(--splash-image-smallest-width) / var(--splash-image-aspect-ratio) );--prj-article-media-max-width: 1330px;--prj-article-sidebar-gap: 1rem;--prj-sidebar-width: 250px;--prj-sidebar-padding: 1rem}@media (max-width: 768px){:root{--section-v-padding: 4rem;--section-h-padding: 2rem}}*{margin:0;padding:0;box-sizing:border-box}body{position:relative;min-height:10vh;overflow-x:hidden;color:rgb(var(--primary-50));font-family:Verdana,sans-serif}