@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";header[data-v-85d7ae3b]{position:relative}main[data-v-85d7ae3b]{display:flex;width:100%;height:100dvh;align-items:center;justify-content:center;flex-direction:row;gap:clamp(0px,1dvw,calc(var(--site-width) * .01))}#logo img[data-v-85d7ae3b]{margin:0;height:6em;cursor:pointer;will-change:filter;transition:filter .3s}#logo img[data-v-85d7ae3b]:hover{filter:drop-shadow(0 0 2em var(--accent-colour))}#logo img[data-v-85d7ae3b]:active{filter:drop-shadow(0 0 2em var(--text-colour))}@keyframes fadeIn-85d7ae3b{0%{opacity:0}to{opacity:1}}#content[data-v-85d7ae3b]{display:inherit;flex-direction:column;text-align:center}#content>h1[data-v-85d7ae3b],#content>#jobTitle[data-v-85d7ae3b],#logo img[data-v-85d7ae3b]{opacity:0;animation-name:fadeIn-85d7ae3b;animation-fill-mode:forwards}#content>#jobTitle[data-v-85d7ae3b]{font-family:Titillium Web;font-weight:100}#content>h1[data-v-85d7ae3b]{margin:0}@keyframes scaling-85d7ae3b{0%{height:var(--length)}to{height:calc(var(--length) - 1rem)}}@keyframes scaleUp-85d7ae3b{0%{height:0}to{height:var(--length)}}#offsets>*[data-v-85d7ae3b]{display:flex;position:fixed;bottom:0;margin:0 2rem;align-items:center}#offsets>*[data-v-85d7ae3b]:before{position:absolute;bottom:1rem}#offsets>*[data-v-85d7ae3b]:after{position:relative;content:"";width:0;height:0;margin-top:.5rem;margin-bottom:calc(1.5rem + 1lh);border:var(--line-colour) solid .0625rem;animation-name:scaleUp-85d7ae3b,scaling-85d7ae3b;animation-duration:1.5s,2.5s;animation-timing-function:linear,cubic-bezier(.5,.25,.5,.75);animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:forwards}#offsets[data-v-85d7ae3b]>:first-child:before{all:unset}#offsets[data-v-85d7ae3b]>:first-child:after{all:unset}#offsets[data-v-85d7ae3b]>:last-child:before{all:unset}#offsets[data-v-85d7ae3b]>:last-child:after{all:unset}#offsets[data-v-85d7ae3b]>:first-child{left:0;flex-direction:column;transition:.5s}#offsets svg[data-v-85d7ae3b]{height:2.5rem;width:2.5rem;stroke:var(--svg-color);stroke-width:.03125rem;fill:var(--svg-color);transition:.5s;--svg-color: var(--overlay-colour)}#offsets svg[data-v-85d7ae3b]:hover{--svg-color: var(--accent-colour)}#offsets[data-v-85d7ae3b]>:last-child{right:0;writing-mode:vertical-lr;color:var(--overlay-colour);text-decoration:none;transition:.5s}#offsets[data-v-85d7ae3b]>:last-child:hover{color:var(--accent-colour)}#offsets>a[data-v-85d7ae3b]:last-child:before{writing-mode:initial}@media (width <= 1484px){main[data-v-85d7ae3b]{flex-direction:column;gap:1vh}#offsets>*[data-v-85d7ae3b]{position:absolute;margin:2rem 0}#offsets[data-v-85d7ae3b]>:first-child{height:fit-content;top:0;left:0;flex-direction:row-reverse;gap:.5rem}#offsets[data-v-85d7ae3b]>:first-child:after{margin:0 1rem 0 .5rem}#offsets[data-v-85d7ae3b]>:last-child{writing-mode:horizontal-tb}#offsets[data-v-85d7ae3b]>:last-child:after{margin:0 .5rem 0 1rem}@keyframes scaling-85d7ae3b{0%{width:var(--length)}to{width:calc(var(--length) - 1rem)}}@keyframes scaleUp-85d7ae3b{0%{width:0}to{width:var(--length)}}}section>#skills[data-v-ecff4eac]{width:fit-content;padding:6rem clamp(0px,7.5dvw,calc(var(--site-width) * .075));border-radius:.5rem;background:var(--panel-colour);box-shadow:1rem 1rem 2rem var(--panel-shadow-colour),inset .5rem .5rem 1rem var(--panel-inner-shadow-colour)}section:has(p>span:first-child:hover)>#skills>#lists td[data-v-ecff4eac]{color:var(--accent-colour)}section:has(p>span:first-child:hover)>#skills>#lists table:nth-child(1) td[data-v-ecff4eac]{transition-delay:0s}section:has(p>span:first-child:hover)>#skills>#lists table:nth-child(2) td[data-v-ecff4eac]{transition-delay:.25s}section:has(p>span:first-child:hover)>#skills>#lists table:nth-child(3) td[data-v-ecff4eac]{transition-delay:.5s}section:has(p>span:first-child:hover)>#skills>#lists table:nth-child(4) td[data-v-ecff4eac]{transition-delay:1s}section>#skills>#lists[data-v-ecff4eac]{display:flex;flex-wrap:wrap;justify-content:center}section>#skills>#lists>table[data-v-ecff4eac]{border-collapse:separate;border-spacing:4ch 0}section>#skills>#lists>table[data-v-ecff4eac]:last-child{margin-left:-4ch}section>#skills>#lists tr[data-v-ecff4eac]{white-space:nowrap}section>#skills>#lists th[data-v-ecff4eac]{max-width:clamp(0px,12.5dvw,calc(var(--site-width) * .125));text-align:left;text-overflow:ellipsis;overflow:hidden}section>#skills>#lists td[data-v-ecff4eac]{float:left;font-size:.75rem;transition:.25s}section>#skills>#lists tr[data-v-ecff4eac]:has(td.clickable){cursor:pointer}section>#skills>#lists td.clickable[data-v-ecff4eac]{position:relative}section>#skills>#lists td.clickable[data-v-ecff4eac]:after{position:absolute;content:"";left:0;bottom:.1875rem;width:0%;height:.03125rem;transition:.25s;background:var(--accent-colour)}section>#skills>#lists tr:has(td.clickable):hover>td.clickable[data-v-ecff4eac]:after{width:100%}section>#about>p[data-v-ecff4eac]{width:clamp(0px,25dvw,calc(var(--site-width) * .25))}section>#about>p>span[data-v-ecff4eac]{position:relative;display:inline-block}section>#about span u[data-v-ecff4eac]{text-decoration:none}section>#about :is(span[data-v-ecff4eac],span u[data-v-ecff4eac]):after{position:absolute;content:"";left:0;bottom:.125rem;width:0%;height:.125rem;transition:.25s;background:var(--accent-colour)}section>#about span[data-v-ecff4eac]:has(u):hover:after{transition:1.25s}section>#about span u[data-v-ecff4eac]:after{width:100%;background:var(--darker-accent-colour)}section>#about span[data-v-ecff4eac]:hover:after{width:calc(100% - .4ch)}section>#about span a[data-v-ecff4eac]{color:unset;text-decoration:unset}@media (width <= 2906px){section>#skills>#lists>table[data-v-ecff4eac]{border-spacing:0;flex:1 0 calc(100% / 3)}section>#skills>#lists[data-v-ecff4eac]{gap:2rem}section>#skills>#lists>table[data-v-ecff4eac]:last-child{margin-left:0}}@media (width <= 1484px){section>#skills[data-v-ecff4eac]{margin:0 clamp(0px,25dvw,calc(var(--site-width) * .25)) 6rem}section>#about>header[data-v-ecff4eac]{padding-bottom:clamp(0px,2.5dvw,calc(var(--site-width) * .025))}section>#about>p[data-v-ecff4eac]{width:100%;padding:0 clamp(0px,5dvw,calc(var(--site-width) * .05))}}@media (width <= 1028px){section>#skills[data-v-ecff4eac]{margin:0 12.5dvw 6rem}}@media (width <= 266px){section>#skills>#lists>table[data-v-ecff4eac]{flex:1 0 50%}}section>#featured[data-v-7cd94edc]{width:clamp(1px,100%,calc(var(--site-width) * .5))}section>#featured>header>div[data-v-7cd94edc]:first-letter{font-weight:300}section>#featured>main[data-v-7cd94edc]{width:100%;padding:0 clamp(0px,2.75dvw,calc(var(--site-width) * .0275));display:flex;flex-direction:column;gap:6rem}div[data-v-7cd94edc]:has(.content){position:relative;overflow:hidden}section>#featured>main>div img[data-v-7cd94edc]{position:absolute;transform:translateY(-50%);top:50%;width:calc((100% / 7) * 4);filter:brightness(.5);transition:1.25s}section>#featured>main>div:has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:brightness(.75)}section>#featured>main>div:nth-child(3) img[data-v-7cd94edc]{filter:brightness(.25)}section>#featured>main>div:nth-child(3):has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:brightness(.375)}section>#featured>main>div[data-v-7cd94edc]{border-radius:.5rem}section>#featured .content[data-v-7cd94edc]{width:60%;float:right;position:relative;z-index:1}section>#featured .content h2[data-v-7cd94edc]{cursor:e-resize;transition:.5s;padding:1.5em 0;margin:0}section>#featured .content h2[data-v-7cd94edc]:hover{letter-spacing:.125rem;transition:10s}section>#featured .content ul[data-v-7cd94edc]{list-style-type:none;padding:1rem .5rem;margin:0;margin-right:.5rem;display:flex;flex-flow:wrap;justify-content:right;gap:1rem}section>#featured .content li[data-v-7cd94edc]{font-size:.75rem;line-height:.75rem;white-space:nowrap;padding:.25rem .5rem;color:var(--darker-text-colour);background:var(--background-colour);border:.125rem solid var(--line-colour);box-shadow:0 0 .5rem var(--background-colour);border-radius:.25rem;cursor:pointer;position:relative;transition:ease-out .5s;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s}section>#featured .content li[data-v-7cd94edc]:before,section>#featured .content li[data-v-7cd94edc]:after{position:absolute;content:"";width:0;height:0;transition:.5s}section>#featured .content li[data-v-7cd94edc]:before{top:-.375rem;left:-.375rem;border-top:.0625rem solid transparent;border-left:.0625rem solid transparent}section>#featured .content li[data-v-7cd94edc]:after{bottom:-.375rem;right:-.375rem;border-bottom:.0625rem solid transparent;border-right:.0625rem solid transparent}section>#featured .content li[data-v-7cd94edc]:hover{color:var(--accent-colour)}section>#featured .content li[data-v-7cd94edc]:hover:after,section>#featured .content li[data-v-7cd94edc]:hover:before{width:.5rem;height:.5rem;border-color:var(--text-colour)}section>#featured .content p[data-v-7cd94edc]{margin:0;padding:2.5rem;background:var(--panel-colour);border-radius:.25rem;box-shadow:0 0 1rem var(--panel-shadow-colour)}section>#featured .content div[data-v-7cd94edc]{display:flex;justify-content:right;gap:.5rem;padding:1rem .25rem}section>#featured .content div svg[data-v-7cd94edc]{color:var(--darker-text-colour);transition:.5s;height:1.5rem}section>#featured .content div svg.jump-animation[data-v-7cd94edc]{-webkit-animation:fa-bounce-7cd94edc 1.5s cubic-bezier(.28,.84,.42,1) 0s infinite;animation:fa-bounce-7cd94edc 1.5s cubic-bezier(.28,.84,.42,1) 0s infinite;color:var(--text-colour)}@media (width <= 720px){section>#featured>header>div[data-v-7cd94edc]{width:fit-content}}@media (width <= 1484px){section>#featured>main>div img[data-v-7cd94edc]{width:100%;min-height:100%;filter:brightness(.25);object-fit:cover}section>#featured>main>div:hover img[data-v-7cd94edc]{filter:brightness(.5)}section>#featured>main>div:nth-child(3) img[data-v-7cd94edc]{filter:brightness(.125)}section>#featured>main>div:nth-child(3):hover img[data-v-7cd94edc]{filter:brightness(.375)}section>#featured .content[data-v-7cd94edc]{width:100%;float:none;padding:2rem}section>#featured .content p[data-v-7cd94edc]{padding:0;background:none;box-shadow:none}section>#featured .content ul[data-v-7cd94edc]{justify-content:left}section>#featured .content li[data-v-7cd94edc]{background:color-mix(in srgb,var(--background-colour) 50%,transparent);border-color:color-mix(in srgb,var(--line-colour) 75%,transparent);box-shadow:0 0 .5rem color-mix(in srgb,var(--background-colour) 50%,transparent)}}@media (prefers-color-scheme: light){section>#featured>main>div img[data-v-7cd94edc]{filter:contrast(.5) sepia(1) blur(1px)}section>#featured>main>div:has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:contrast(1) sepia(0) blur(0)}section>#featured>main>div:nth-child(3) img[data-v-7cd94edc]{filter:contrast(.5) sepia(1) blur(1px)}section>#featured>main>div:nth-child(3):has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:contrast(.5) sepia(0) blur(0)}section>#featured .content h2[data-v-7cd94edc]{position:relative;padding:2.25rem;box-sizing:border-box}section>#featured .content h2[data-v-7cd94edc]:after{position:absolute;content:"";top:50%;left:0;transform:translateY(-50%);border-radius:.25rem;background:var(--panel-colour);width:100%;height:calc(100% - 3.5rem);z-index:-1}section>#featured .content p[data-v-7cd94edc]{box-shadow:none}@media (width <= 1484px){section>#featured>main>div img[data-v-7cd94edc]{width:100%;min-height:100%;filter:sepia(1) brightness(.25);object-fit:cover}section>#featured>main>div:hover img[data-v-7cd94edc],section>#featured>main>div:has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:sepia(1) brightness(.5)}section>#featured>main>div:nth-child(3) img[data-v-7cd94edc]{filter:sepia(1) brightness(.25)}section>#featured>main>div:nth-child(3):hover img[data-v-7cd94edc],section>#featured>main>div:nth-child(3):has(:is(h2,p,ul):hover) img[data-v-7cd94edc]{filter:sepia(1) brightness(.1875)}section>#featured .content h2[data-v-7cd94edc]{text-shadow:0 0 .5rem var(--text-colour)}section>#featured .content li[data-v-7cd94edc]{box-shadow:0 0 .5rem var(--overlay-colour);border-color:var(--overlay-colour);background:transparent}}}@keyframes fa-bounce-7cd94edc{10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound, -.125em));transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}}section[data-v-8d3ef3e4]{margin:6rem auto;padding:0 5.5rem 0 6.5rem;box-sizing:border-box;width:clamp(1px,100dvw,calc(var(--site-width) * 1));display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}section[data-v-8d3ef3e4] header{white-space:nowrap;font-weight:700;font-size:1.5rem;padding-bottom:2rem;display:flex;align-items:center;flex-direction:row;gap:2rem}section[data-v-8d3ef3e4] header>span{flex:1;border:.125rem solid var(--line-colour)}section[data-v-8d3ef3e4]>article{padding:6rem clamp(0px,5dvw,calc(var(--site-width) * .05))}@media (width <= 1484px){section[data-v-8d3ef3e4]{gap:0;flex-direction:column;padding:0}section[data-v-8d3ef3e4]>article:first-child:not(#skills){padding-top:0}section[data-v-8d3ef3e4]>article:last-child{padding:0 clamp(0px,5dvw,calc(var(--site-width) * .05))}}@media (width <= 1028px){section[data-v-8d3ef3e4] header{font-size:1rem;white-space:normal}}:root{--site-width: 2708px;font-size:clamp(11px,1.5vh,24px);font-family:Inter,Avenir,Helvetica,Calibri,sans-serif;line-height:1.5;font-weight:400;--overlay-colour: #BAB9B8;--accent-colour: #FFAE63;--darker-accent-colour: #5f544a;--text-colour: #DEDEDE;--darker-text-colour: #BAB9B8;--background-colour: #262626;--line-colour: #555453;--panel-colour: #202020;--panel-shadow-colour: #1c1c1c;--panel-inner-shadow-colour: #1c1c1c;color-scheme:light dark;color:var(--text-colour);background-color:var(--background-colour);font-display:block;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:sepia;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{--shadow-intensity: 50%;background-image:radial-gradient(at 0 0,color-mix(in srgb,var(--background-colour),black var(--shadow-intensity)),var(--background-colour));background-attachment:fixed}#cursor{position:fixed;top:0;left:0;height:25px;width:25px;background:#fff;border-radius:50%;z-index:999;mix-blend-mode:difference;pointer-events:none;transition:.1s}body:has(:active){--shadow-intensity: 60%}body:has(:is(:active,:link,:visited,.clickable,#about span,.content li):hover)>#cursor{height:50px;width:50px}p:not(#jobTitle){-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}::-moz-selection{color:var(--accent-colour);background:transparent}::selection{color:var(--accent-colour);background:transparent}body{margin:0;display:flex;place-items:center;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1em}#site{display:inherit;flex-direction:column;width:100%}@media (prefers-color-scheme: light){:root{--darker-text-colour: #dc9a61;--overlay-colour: #b08056;--accent-colour: #ec8526;--darker-accent-colour: #dfba9a;--overlay-colour: #774418;--text-colour: #b7651c;--background-colour: #ffe5cd;--line-colour: #eabb93;--panel-colour: #ffdfc3;--panel-shadow-colour: #f9d5b9;--panel-inner-shadow-colour: #ffd8b8}::-moz-selection{color:var(--accent-colour);background:var(--panel-shadow-colour)}::selection{color:var(--accent-colour);background:var(--panel-shadow-colour)}}