*,: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: #FFFFFF;--colour-text: #333333;--colour-text-light: #FFFFFF;--colour-text-disabled: #888888;--colour-accent: #4c82d9;--colour-accent-alt: #2c589e;--colour-accent-disabled: #9bb9eb;--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-default-timing: .3s;--transition: var(--transition-default-timing) ease}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%)}#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}.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}[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)}