/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b,strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}html{font-size:62.5%}body,html{overflow-x:hidden}body{color:#000;font-family:Open Sans,sans-serif;margin:0;width:100%}h1,h2,h3{font-family:Permanent marker,cursive}h1{font-size:3.5rem}h2{font-size:2.5rem}a{color:#000;text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}p{color:#000;text-align:justify}a,figcaption,li,p{font-size:1.6rem}main{background-color:#fff}main section:first-child{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,.4)}main section:last-child{box-shadow:inset 0 -7px 9px -7px rgba(0,0,0,.4)}.pc,a{color:var(--colour)}.bg-pc,.pc,a{transition:all .4s}.bg-pc{background-color:var(--colour)}.bc-pc{border-color:var(--colour);transition:all .4s}.outline-pc:focus{outline:auto var(--colour)}@media (hover:hover){.pc-hover:hover{color:var(--colour)}.bg-pc-hover:hover{background-color:var(--colour)}}.button{border-radius:1rem;border-style:solid;border-width:.3rem;font-family:Permanent marker,cursive;font-size:2rem;margin:1rem;padding:1rem 1.5rem;transition:all .4s}.button-black{border-color:#000}.button-filled.button-black{background-color:#000}.button-ghost.button-black{color:#000}.button-text-white{color:#fff}.button:hover{text-decoration:none}@media (hover:hover){.button.button-filled:hover{background-color:transparent}.button-ghost:hover{color:#fff}.button.button-filled.button-black:hover{color:#000}.button.button-ghost.button-black:hover{background-color:#000}}.w-100{width:100%}.logo-font{font-family:Yellowtail,cursive}.vertically-centre{display:flex;flex-direction:column;justify-content:center}.vertically-space-evenly{display:flex;flex-flow:column nowrap;justify-content:space-evenly}.vertically-space-between{display:flex;flex-flow:column nowrap;justify-content:space-between}.icons-div{display:flex;flex-flow:row wrap;font-size:4rem;justify-content:center;width:100%}.icons-div span{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:transform;vertical-align:middle}.icons-div span:before{background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);content:"";height:10px;left:5%;opacity:0;pointer-events:none;position:absolute;top:100%;transition-duration:.3s;transition-property:transform,opacity;width:90%;z-index:-1}.icons-div span:hover,section#about .icons-div span:active,section#about .icons-div span:focus{transform:translateY(-5px)}.icons-div span:hover:before,section#about .icons-div span:active:before,section#about .icons-div span:focus:before{opacity:1;transform:translateY(5px)}.icons-div span{margin:2rem 2rem 0;opacity:0}.icons-div.in-view span{animation-duration:.5s;animation-fill-mode:both;animation-name:fade-in}.icons-div.in-view span:first-child{animation-delay:.2s}.icons-div.in-view span:nth-child(2){animation-delay:.4s}.icons-div.in-view span:nth-child(3){animation-delay:.6s}.icons-div.in-view span:nth-child(4){animation-delay:.8s}.icons-div.in-view span:nth-child(5){animation-delay:1s}.icons-div.in-view span:nth-child(6){animation-delay:1.2s}.icons-div.in-view span:nth-child(7){animation-delay:1.4s}.icons-div.in-view span:nth-child(8){animation-delay:1.6s}.icons-div.in-view span:nth-child(9){animation-delay:1.8s}.icons-div.in-view span:nth-child(10){animation-delay:2s}.icons-div.in-view span:nth-child(11){animation-delay:2.2s}.icons-div.in-view span:nth-child(12){animation-delay:2.4s}.icons-div.in-view span:nth-child(13){animation-delay:2.6s}.icons-div.in-view span:nth-child(14){animation-delay:2.8s}.icons-div.in-view span:nth-child(15){animation-delay:3s}.icons-div.in-view span:nth-child(16){animation-delay:3.2s}.icons-div.in-view span:nth-child(17){animation-delay:3.4s}.icons-div.in-view span:nth-child(18){animation-delay:3.6s}.icons-div.in-view span:nth-child(19){animation-delay:3.8s}.icons-div.in-view span:nth-child(20){animation-delay:4s}.icons-div.in-view span:nth-child(21){animation-delay:4.2s}.icons-div.in-view span:nth-child(22){animation-delay:4.4s}.icons-div.in-view span:nth-child(23){animation-delay:4.6s}.icons-div.in-view span:nth-child(24){animation-delay:4.8s}.icons-div.in-view span:nth-child(25){animation-delay:5s}.icons-div.in-view span:nth-child(26){animation-delay:5.2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}header #header-background-image{background-image:var(--background-image,url("/images/themes/london.jpg"));background-position:50%;background-repeat:no-repeat;background-size:cover;height:100lvh;left:0;position:fixed;top:0;transition:background-image 2s;width:100%;z-index:-5}header #navbar{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;min-height:0;padding:20px 5% 0;position:relative;text-shadow:#000 1px 1px 1px;transition:min-height .5s}body.nav-no-close-transition header #navbar{transition:min-height 0s}header #navbar a.logo,header .logo{font-size:5rem;text-decoration:none;transition:color .5s}header #navbar nav{align-items:center;display:flex;flex-flow:row nowrap}header #navbar nav a{font-family:Permanent marker,cursive;font-size:2rem;margin:0 2vw;position:relative;text-decoration:none}header #navbar nav a.icon{height:27px;width:27px}#navbar nav a.icon svg{transition:transform .4s}@media (hover:hover){#navbar nav a.icon:hover svg{transform:rotateY(1turn)}}#navbar nav a.hover-underline:after{border-bottom:.3rem solid;border-radius:10px;bottom:0;box-shadow:1px 1px 1px #000;content:"";left:0;position:absolute;transition:width .3s;width:0}@media (hover:hover){header #navbar nav a.hover-underline:hover:after{width:100%}}footer{background-color:#252525;color:#fff;display:flex;flex-wrap:wrap;font-size:1.6rem;justify-content:center;padding:1rem 0}footer div{margin:1rem;max-width:350px;min-width:250px;text-align:center;width:calc(33% - 2rem)}footer ul{list-style-type:none;padding:0}footer span{font-size:5rem}footer a{color:#fff}footer h3{margin-top:0}@media only screen and (max-width:700px){footer h3{margin-bottom:0}footer ul{margin:0}}@media only screen and (min-width:880px){h1{font-size:6rem;font-weight:400}h2{font-size:3rem}.icons-div{font-size:6rem}.icons-div span{margin:2rem 3rem 0}header #navbar{text-shadow:#000 2px 2px 2px}header #navbar nav a{font-size:3rem;margin:0 2rem}#navbar nav a.hover-underline:after{bottom:-2px}header #navbar nav a.icon{height:40px;width:40px}#navbar nav a.hover-underline:after{border-bottom:.5rem solid}header #navbar a.logo,header .logo{font-size:7rem}}#nav-toggle{cursor:pointer;display:none}@media only screen and (max-width:550px){header #navbar nav{display:none;flex-direction:column;grid-column:1/span 3;grid-row:2/span 1;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}header #navbar nav a.hover-underline:after{border-bottom:.7rem solid;box-shadow:2px 2px 2px #000}header #navbar nav a:first-child{animation-delay:.5s}header #navbar nav a:nth-child(2){animation-delay:.8s}header #navbar nav a:nth-child(3){animation-delay:1.1s}header #navbar nav a:nth-child(4){animation-delay:1.4s}header #navbar nav a:nth-child(5){animation-delay:1.7s}#nav-toggle{background-color:transparent;border:none;display:block;grid-column:3/span 1;height:45px;margin-top:6px;padding:0;position:relative;width:45px}#nav-toggle div{left:0;top:0}#nav-toggle span{border-radius:10px;box-shadow:1px 1px 1px #000;display:block;transition-duration:.5s,.25s;transition-property:background-color,width;transition-timing-function:linear,ease-in-out}#nav-toggle #cross,#nav-toggle #hamburger{height:100%;position:absolute;width:100%}#nav-toggle #hamburger span{height:3px;margin:10px 0;position:relative;width:100%}#nav-toggle #hamburger span:first-child{margin-top:8px;transition-delay:0s,.5s}#nav-toggle #hamburger span:nth-child(2){transition-delay:0s,.625s}#nav-toggle #hamburger span:nth-child(3){transition-delay:0s,.75s}#nav-toggle #cross{transform:rotate(45deg)}#nav-toggle #cross span:first-child{height:0;left:calc(50% - 1.5px);position:absolute;transition-duration:.5s,.25s;transition-property:background-color,height;transition-timing-function:linear,ease-in-out;width:3px}#nav-toggle #cross span:nth-child(2){box-shadow:none;height:3px;position:absolute;top:calc(50% - 1.5px);transition-delay:0s,.25s;width:0}#nav-toggle #cross span:nth-child(2):after{border-radius:10px;box-shadow:1px 0 1px #000;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}body.nav-open{height:100svh;overflow:hidden}body.nav-open #navbar{display:grid;grid-template-columns:min-content 1fr min-content;grid-template-rows:min-content 1fr;min-height:100svh;width:100%}body.nav-open #nav-toggle #hamburger span{width:0}body.nav-open #nav-toggle #hamburger span:first-child{transition-delay:0s}body.nav-open #nav-toggle #hamburger span:nth-child(2){transition-delay:0s,.125s}body.nav-open #nav-toggle #hamburger span:nth-child(3){transition-delay:0s,.25s}body.nav-open #nav-toggle #cross span:first-child{height:100%;transition-delay:0s,.625s}body.nav-open #nav-toggle #cross span:nth-child(2){box-shadow:none;transition-delay:0s,.375s;width:100%}body.nav-open header #navbar nav{display:flex}body.nav-open header #navbar nav a{animation-duration:.4s;animation-fill-mode:both;animation-name:nav-appear;color:#fff;font-size:4rem;margin:1rem 0;text-shadow:#000 3px 3px 3px}body.nav-open header #navbar nav a.hover-underline:after{bottom:-3px}body.nav-open header #navbar nav a.icon{height:54px;width:54px}@keyframes nav-appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}