@import "https://fonts.googleapis.com/css2?family=Karla&family=Questrial&display=swap";
.btn{cursor:pointer;text-transform:uppercase;border:none;border-radius:5px;outline:none;padding:10px 20px;font-size:21px;transition:color .2s,background-color .2s;position:relative;overflow:hidden}.btn:disabled{cursor:not-allowed}:root{--backgroundColour:white;--headerColour:white;--textColour:#161616;--headerFont:"Questrial", sans-serif;--bodyFont:"Karla", sans-serif}.about{--backgroundColour:#f5f5f5;--headerColour:#f5f5f5;--textColour:#000}html,body{min-height:100dvh;position:relative}a{color:var(--textColour)}li{margin:10px 0}body{font-family:var(--bodyFont);background-color:var(--backgroundColour);margin:0;display:block}body *{box-sizing:border-box}.body-no-scroll{overflow:hidden}.site-container{background-color:var(--backgroundColour);min-height:100vh;color:var(--textColour);flex-direction:column;padding-top:130px;display:flex;position:relative}.site-container.fixed-height{min-height:unset}.site-container.fixed-height main{height:100%}.site-container main{flex-grow:1;flex-shrink:0;width:100%;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6,label,button{font-family:var(--headerFont);letter-spacing:2px}label{font-weight:600}a{text-transform:none;text-decoration:none}p,ul,ol{line-height:1.5}.cursor{background-color:pink;border-radius:50%;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%)}@media screen and (max-width:870px){.site-container{padding-top:90px}}.event{color:var(--textColour);background-color:#f5f5f5;align-items:center;gap:20px;padding:20px}.event h2{margin-top:10px}.event-link{color:#fff;background-color:#000;margin-top:10px;padding:10px 20px;display:inline-block}.event-label{font-weight:600}
header{z-index:9999;background-color:var(--backgroundColour);width:100%;font-family:var(--headerFont);justify-content:space-between;align-items:center;padding:20px;transition:all .3s;position:fixed;top:0;box-shadow:0 4px 10px #00000014;display:flex!important}header .name{letter-spacing:10px;font-size:24px;line-height:1;transition:all .3s}header .name.small{display:none}header[data-top=true]{box-shadow:none}header[data-top=false]{padding:10px 20px}header[data-top=false] .name{letter-spacing:5px;font-size:16px}header .nav-links{display:flex}header .nav-links a{height:40px;color:var(--textColour);text-align:center;opacity:.7;flex-grow:1;justify-content:center;align-items:center;margin-left:10px;transition:all .1s;display:flex;position:relative}header .nav-links a svg{opacity:0;width:18px;transition-delay:.5s}header .nav-links a span:before{content:attr(title);letter-spacing:4px;visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}header .nav-links a[data-active=true],header .nav-links a:hover{color:var(--textColour);letter-spacing:4px;opacity:1;font-weight:600}header .nav-links a[data-active=true] svg{opacity:1}.mobile-menu,.menu-btn{display:none}.mobile-menu{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:999;width:100%;height:100%;font-family:var(--headerFont);background-color:#fffc;flex-direction:column;justify-content:center;align-items:center;animation:.2s forwards mobile-menu-open;position:fixed;top:0;left:0}.mobile-menu .links{flex-direction:column;align-items:center;display:flex}.mobile-menu .links a{color:var(--textColour);margin:10px 0;font-size:24px}@media screen and (max-width:1150px){header .name{display:none}header .name.small{display:block}}@media screen and (max-width:870px){header{display:block}header[data-mobile-menu-open=true]{box-shadow:none;background-color:#0000}header[data-top=false] .name{letter-spacing:12px;font-size:24px}header .nav-links{display:none}.menu-btn{display:block}.mobile-menu{display:flex}}@keyframes mobile-menu-open{0%{opacity:0}to{opacity:1}}
.menu-btn{cursor:pointer;width:25px;height:25px;margin:10px;position:relative}.menu-btn div{background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:all .5s,opacity .2s;position:absolute;left:0;transform:rotate(45deg)}.menu-btn div:first-child{background-image:url(/img/icons/fork.svg);top:-50%}.menu-btn div:nth-child(2){background-image:url(/img/icons/spoon.svg);top:0%;transform:rotate(225deg)}.menu-btn div:nth-child(3){background-image:url(/img/icons/knife-1.svg);top:50%}.menu-btn[data-open=true] div:first-child{top:0%;transform:rotate(360deg)}.menu-btn[data-open=true] div:nth-child(2){opacity:0;transform:rotate(0)}.menu-btn[data-open=true] div:nth-child(3){top:0%;transform:rotate(270deg)}
