*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--colour-bg: #F9FAFB;--colour-bg-dark: #040404;--colour-text: #0B1215;--colour-text-light: #F9FAFB;--colour-text-disabled: #888888;--colour-accent: #4c82d9;--colour-accent-alt: #2c589e;--colour-accent-disabled: #9bb9eb;--colour-card: rgba(249, 250, 251, .75);--colour-card-dark: rgba(11, 18, 21, .5);--colour-fire-yellow: #E3C412;--colour-fire-orange: #C47C10;--colour-fire-red: #BF2626;--colour-log-border: #3b2411;--colour-log-dark: #523823;--colour-log-light: #63462e;--colour-log-end: #b08d78;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing: 1rem;--spacing-lg: 2.5rem;--font-size-xs: 8px;--font-size-sm: 10px;--font-size-md: 14px;--font-size-lg: 24px;--font-size-xl: 42px;--font-size-xxl: 60px;--border-radius: 5px;--constrain-xs: 320px;--constrain-sm: 600px;--constrain-md: 800px;--constrain-lg: 1200px;--z-index-base: 1;--z-index-behind: -1;--z-index-nudge: 2;--z-index-above: 10;--z-index-priority: 9001;--transition-function-default: ease;--transition-function-flicker: linear( 0, .763 3.4%, .936 4.8%, .691 6.1%, .94 7.4%, .776 8.8%, -.549 15.1%, -.77 16.7%, -.86 18.3%, -.83 19.6%, -.702 21%, .435 27.5%, .615 29.1%, .687 30.7%, .663 32%, .561 33.4%, -.292 39.7%, -.44 41.4%, .497 43%, -.482 44.3%, -.418 45.6%, .171 51.9%, .274 53.6%, .116 55.2%, .309 56.5%, .271 57.8%, -.078 64%, -.138 65.6%, -.165 67.2%, -.165 68.5%, -.146 69.8%, .017 75.7%, .06 78.8%, .057 81.4%, .35 86.5%, .008 87.2%, -.038 89.2%, -.058 91.5%, 0 );--transition-timing-default: .3s;--transition-timing-long: 1.4s;--transition: var(--transition-timing-default) var(--transition-function-default)}html,body{font-family:Funnel Display,sans-serif;font-size:var(--font-size-md)}h1,h2,h3{text-align:center}h1{font-size:var(--font-size-xxl);margin:var(--spacing-lg)}h2{font-size:var(--font-size-xl);margin:var(--spacing-lg) var(--spacing)}h3{font-size:var(--font-size-lg);margin:var(--spacing)}hr{border:0;border-bottom:1px solid var(--colour-text);width:min(90%,var(--constrain-sm))}p{margin:var(--spacing) auto;max-width:var(--constrain-md)}.chip{background-color:var(--colour-accent);border-radius:var(--border-radius);color:var(--colour-text-light);display:inline-block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);margin-right:var(--spacing);padding:var(--spacing-sm) var(--spacing)}.chip:last-child{margin-right:0}a{color:var(--colour-accent-alt);cursor:pointer;text-decoration:underline dotted;transition:color var(--transition),text-decoration var(--transition)}a:active,a:focus,a:hover{color:var(--colour-accent);text-decoration:underline solid}button,[role=button]{cursor:pointer;display:inline-block;padding:var(--spacing-sm) var(--spacing);text-decoration:none;transition:background-color var(--transition),color var(--transition),text-decoration var(--transition)}:is(button,[role=button]):active,:is(button,[role=button]):focus,:is(button,[role=button]):hover{text-decoration:none}[data-loading] a,[data-loading] button{pointer-events:none}.sr-only{position:absolute;border:0;clip:rect(0,0,0,0);font-size:0!important;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}#content{position:absolute;inset:0;overflow:hidden}#content .content-inner-wrapper{position:absolute;inset:0;overflow:hidden auto;padding:var(--spacing)}footer{position:fixed;right:var(--spacing);bottom:var(--spacing)}.showcase-container{position:absolute;left:50%;top:50%;text-align:center;width:100%;transform:translate(-50%,-50%);transition:background-color var(--timing-transition-long) ease}#nav{position:relative;display:block;text-align:center;z-index:var(--z-index-above)}#nav ul{display:inline-block;list-style-type:none;margin:0;padding:0}#nav ul li{display:inline-block}#nav ul li a,#nav ul li span{width:100%}:is(#nav ul li a,#nav ul li span):active+ul,:is(#nav ul li a,#nav ul li span):focus+ul,:is(#nav ul li a,#nav ul li span):hover+ul{max-height:375px}#nav ul li span{display:inline-block;padding:var(--spacing-sm) var(--spacing)}#nav ul ul{background-color:var(--colour-accent-disabled);border-radius:var(--border-radius);max-height:0px;overflow:hidden;transition:max-height var(--transition)}#nav ul ul:active,#nav ul ul:focus,#nav ul ul:hover{max-height:375px}#nav>ul{display:inline-flex;gap:var(--spacing);height:calc(2 * var(--spacing-sm) + var(--font-size-md) + 2px);overflow:visible}#nav>ul>li{width:150px}#nav>ul>li>a,#nav>ul>li>span{background-color:var(--colour-accent);border-radius:var(--border-radius);color:var(--colour-text-light)}:is(#nav>ul>li>a,#nav>ul>li>span):active,:is(#nav>ul>li>a,#nav>ul>li>span):focus,:is(#nav>ul>li>a,#nav>ul>li>span):hover{background-color:var(--colour-accent-alt);text-decoration:none}[data-route=about] [data-target=about],[data-route=adventure] [data-target=adventure],[data-route=cv-movie] [data-target=cv-movie],[data-route=experience] [data-target=portfolio],[data-route=hamburger] [data-target=hamburger],[data-route=home] [data-target=home],[data-route=mindgame] [data-target=mindgame],[data-route=mmson] [data-target=mmson],[data-route=portfolio] [data-target=portfolio],[data-route=resume] [data-target=resume],[data-route=shavening] [data-target=shavening],[data-route=sorting-hat] [data-target=sorting-hat]{background-color:var(--colour-accent-disabled)!important;color:var(--colour-text)!important;cursor:default}@keyframes flame-flicker{0%{transform:rotate(-45deg) translate(-37%,-37%) scale(1)}to{transform:rotate(-45deg) translate(-37%,-37%) scale(1.05)}}@keyframes hearth-glow{0%{--hearth-glow-boundary-1: 10%;--hearth-glow-boundary-2: 32%}to{--hearth-glow-boundary-1: 15%;--hearth-glow-boundary-2: 35%}}.icon{display:inline-block;height:35px;margin-right:var(--spacing);opacity:1;width:35px;transition:opacity var(--transition)}.icon:last-child{margin-right:0}.icon:active,.icon:focus,.icon:hover{opacity:.6}.icon.GitHub{background:transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='512px'%20height='512px'%20viewBox='0%200%20512%20512'%20style='enable-background:new%200%200%20512%20512;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20d='M256,0C114.615,0,0,114.615,0,256s114.615,256,256,256s256-114.615,256-256S397.385,0,256,0z%20M408.027,408.027%20c-19.76,19.759-42.756,35.267-68.354,46.094c-6.502,2.75-13.105,5.164-19.801,7.246V423c0-20.167-6.916-35-20.75-44.5%20c8.668-0.833,16.625-2,23.875-3.5s14.918-3.667,23-6.5c8.084-2.833,15.334-6.208,21.75-10.125c6.418-3.917,12.584-9,18.5-15.25%20c5.918-6.25,10.875-13.333,14.875-21.25s7.168-17.417,9.5-28.5c2.334-11.083,3.5-23.292,3.5-36.625c0-25.833-8.416-47.833-25.25-66%20c7.668-20,6.834-41.75-2.5-65.25l-6.25-0.75c-4.332-0.5-12.125,1.333-23.375,5.5s-23.875,11-37.875,20.5%20c-19.832-5.5-40.416-8.25-61.749-8.25c-21.5,0-42,2.75-61.5,8.25c-8.833-6-17.208-10.958-25.125-14.875s-14.25-6.583-19-8%20s-9.167-2.292-13.25-2.625s-6.708-0.417-7.875-0.25s-2,0.333-2.5,0.5c-9.333,23.667-10.167,45.417-2.5,65.25%20c-16.833,18.167-25.25,40.167-25.25,66c0,13.333,1.167,25.542,3.5,36.625s5.5,20.583,9.5,28.5s8.958,15,14.875,21.25%20s12.083,11.333,18.5,15.25s13.667,7.292,21.75,10.125s15.75,5,23,6.5s15.208,2.667,23.875,3.5c-13.667,9.333-20.5,24.167-20.5,44.5%20v39.115c-7.549-2.247-14.99-4.902-22.3-7.994c-25.597-10.827-48.594-26.335-68.353-46.094%20c-19.758-19.758-35.267-42.756-46.093-68.354C46.679,313.195,41,285.043,41,256s5.679-57.195,16.879-83.675%20c10.827-25.597,26.335-48.594,46.093-68.353c19.758-19.759,42.756-35.267,68.353-46.093C198.805,46.679,226.957,41,256,41%20s57.195,5.679,83.676,16.879c25.598,10.827,48.594,26.335,68.354,46.093c19.758,19.758,35.266,42.756,46.092,68.353%20C465.32,198.805,471,226.957,471,256s-5.68,57.195-16.879,83.675C443.295,365.271,427.785,388.27,408.027,408.027z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e") no-repeat center center;background-size:contain}.icon.LinkedIn{background:transparent url(/assets/linkedin_alpha-C83h2DYm.png) no-repeat center center;background-size:contain!important}@property --hearth-glow-boundary-1{syntax: "<percentage>"; initial-value: 16%; inherits: false;}@property --hearth-glow-boundary-2{syntax: "<percentage>"; initial-value: 40%; inherits: false;}[data-route="404"]{background:radial-gradient(circle,var(--colour-fire-yellow) 0%,var(--colour-fire-orange) var(--hearth-glow-boundary-1),rgba(0,0,0,1) var(--hearth-glow-boundary-2),rgba(0,0,0,1) 100%);animation:hearth-glow var(--transition-timing-long) infinite alternate forwards var(--transition-function-flicker)}[data-route="404"] .showcase-container{color:var(--colour-text-light)}[data-route="404"] .showcase-container #hearth{position:relative;height:300px;margin:var(--spacing) auto;padding:var(--spacing-lg);width:300px}[data-route="404"] .showcase-container #hearth .log{position:absolute;bottom:10%;left:50%;background:linear-gradient(0deg,var(--colour-log-dark) 0%,var(--colour-log-light) 23%,var(--colour-log-light) 61%,var(--colour-log-dark) 100%);border:1px solid var(--colour-log-border);border-left:0;height:10%;width:60%;z-index:var(--z-index-nudge)}[data-route="404"] .showcase-container #hearth .log:after{position:absolute;bottom:-1px;left:-6%;top:-1px;background:linear-gradient(0deg,var(--colour-log-dark) 0%,var(--colour-log-light) 23%,var(--colour-log-light) 61%,var(--colour-log-dark) 100%);border-left:1px solid var(--colour-log-border);border-radius:100%;content:" ";width:13%;z-index:var(--z-index-behind)}[data-route="404"] .showcase-container #hearth .log:before{position:absolute;bottom:-1px;right:-7%;top:-1px;background:radial-gradient(var(--colour-log-end) 0%,var(--colour-log-end) 10%,var(--colour-log-light) 11%,var(--colour-log-light) 12%,var(--colour-log-end) 13%,var(--colour-log-end) 25%,var(--colour-log-light) 26%,var(--colour-log-light) 27%,var(--colour-log-end) 28%,var(--colour-log-end) 40%,var(--colour-log-light) 41%,var(--colour-log-light) 42%,var(--colour-log-end) 43%,var(--colour-log-end) 55%,var(--colour-log-light) 56%,var(--colour-log-light) 57%,var(--colour-log-end) 58%,var(--colour-log-end) 70%,var(--colour-log-light) 71%,var(--colour-log-light) 72%,var(--colour-log-end) 73%,var(--colour-log-end) 100%);border:1px solid var(--colour-log-border);border-radius:100%;content:" ";width:13%;transform:rotateY(50deg)}[data-route="404"] .showcase-container #hearth .log.log1{transform:translate(-50%) rotate(-15deg)}[data-route="404"] .showcase-container #hearth .log.log2{transform:translate(-50%) rotate(15deg)}[data-route="404"] .showcase-container #hearth .flame{position:absolute;left:50%;border-radius:50% 0 50% 50%;opacity:70%}[data-route="404"] .showcase-container #hearth .flame.flame1{bottom:14%;background-color:var(--colour-fire-red);box-shadow:0 0 30px 10px var(--colour-fire-red);height:70%;width:70%;animation:flame-flicker var(--transition-timing-long) .1s infinite alternate forwards var(--transition-function-flicker);transform:rotate(-45deg) translate(-37%,-37%)}[data-route="404"] .showcase-container #hearth .flame.flame2{bottom:14%;background-color:var(--colour-fire-orange);box-shadow:0 0 30px 10px var(--colour-fire-orange);height:45%;width:45%;animation:flame-flicker var(--transition-timing-long) .3s infinite alternate forwards var(--transition-function-flicker);transform:rotate(-45deg) translate(-37%,-37%)}[data-route="404"] .showcase-container #hearth .flame.flame3{bottom:14%;background-color:var(--colour-fire-yellow);box-shadow:0 0 30px 10px var(--colour-fire-yellow);height:20%;width:20%;animation:flame-flicker var(--transition-timing-long) .2s infinite alternate forwards var(--transition-function-flicker);transform:rotate(-45deg) translate(-37%,-37%)}[data-route="404"] .showcase-container p{background:var(--colour-card);border-radius:var(--border-radius);color:var(--colour-text);font-size:var(--font-size-lg);margin:var(--spacing) auto;padding:var(--spacing-sm)}[data-route=about] nav{margin-bottom:var(--spacing-lg)}[data-route=experience] nav{margin-bottom:var(--spacing-lg)}[data-route=experience] #experience-items{margin:var(--spacing) auto;max-width:var(--constrain-lg)}[data-route=experience] #experience-items .experience-item{border:1px solid var(--colour-text);border-radius:var(--border-radius);margin:var(--spacing);padding:var(--spacing)}