*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[class],ol[class]{list-style:"";margin:0;padding:0}body{min-height:100vh;line-height:1.6}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}button:not(:disabled){cursor:pointer}textarea:not([rows]){min-height:10em}td,math,time[datetime*=":"]{font-variant-numeric:tabular-nums lining-nums}:target{scroll-margin-block:5rlh}:root{--clr-gold-300: #caae5f;--clr-gold-400: #dab44d;--clr-gold-500: #bf9d41;--clr-gold-600: #ad8e39;--clr-blue-300: #b3ecfe;--clr-blue-400: #5bbad6;--clr-blue-500: #219ebc;--clr-blue-600: #2076ab;--clr-red: #ff0000;--clr-green: #00ff00;--clr-black: #000000;--clr-white: #ffffff;--clr-primary: var(--clr-gold-400);--clr-primary-hover: var(--clr-gold-500);--clr-accent: var(--clr-blue-400);--clr-accent-hover: var(--clr-blue-500);--clr-bg: var(--clr-black);--clr-text: var(--clr-primary);--clr-text-hover: var(--clr-accent);--clr-text-inverse: var(--clr-black)}:root{--ff-base: Arial, sans-serif;--ff-heading: Arial, sans-serif;--fs-50: .75rem;--fs-100: .875rem;--fs-200: 1rem;--fs-300: 1.2rem;--fs-400: 1.44rem;--fs-500: 1.728rem;--fs-600: 2.074rem;--fs-700: 2.488rem;--fs-800: 3.157rem;--fs-900: 4.209rem}@media screen and (min-width: 800px){:root{--fs-50: .844rem;--fs-100: .953rem;--fs-200: 1.125rem;--fs-300: 1.406rem;--fs-400: 1.758rem;--fs-500: 2.197rem;--fs-600: 2.746rem;--fs-700: 3.433rem;--fs-800: 4.291rem;--fs-900: 5.364rem}}html{font-size:100%;scroll-behavior:smooth;background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--ff-base)}body{margin:0;font-size:var(--fs-200);line-height:1.6;background-color:var(--clr-bg);color:var(--color-text)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);font-weight:700;color:var(--clr-text);margin-bottom:.5em}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:var(--fs-500)}h4{font-size:var(--fs-400)}h5{font-size:var(--fs-300)}h6{font-size:var(--fs-200)}p{font-size:var(--fs-200);margin-bottom:1rem;color:var(--clr-text)}a{color:var(--clr-text);text-decoration:none;transition:color .3s ease}a:hover{color:var(--clr-text-hover)}.wrapper{max-width:1080px;margin:auto;padding-inline:2rem}.wide-wrapper{max-width:1620px;margin:auto;padding-inline:2rem}.narrow-wrapper{max-width:720px;margin:auto;padding-inline:2rem}.hidden{display:none!important}.text-center{text-align:center}.bold{font-weight:700}.icon{display:inline;width:2rem;height:2rem}.text-color-green{color:var(--clr-green)}.text-color-red{color:var(--clr-red)}header{margin-block:4rem}header h1{margin-bottom:4rem}.primary-navigation{display:flex;border-top:solid 1px var(--clr-primary);border-bottom:solid 1px var(--clr-primary);font-size:var(--fs-400)}.primary-navigation ul{display:flex;list-style-type:none;padding:0;margin:1rem;width:100%;justify-content:space-around}.primary-navigation ul li a{transition:border-bottom .3s ease-in}.primary-navigation li a.active{color:var(--clr-accent);border-bottom:solid 4px var(--clr-accent)}footer{margin-top:4rem;padding-block:4rem;padding-inline:2rem;border-top:solid 1px var(--clr-primary)}footer a{text-decoration:underline}.menu-list{display:grid;width:100%;justify-self:center;gap:1rem;padding:2rem;border:double 1rem var(--clr-gold-600)}.menu-list-row{display:flex;width:100%;justify-self:center;justify-content:space-between;color:var(--clr-accent);font-size:var(--fs-300);border-bottom:dotted 4px var(--clr-primary)}.dietary-restrictions{display:flex;justify-content:space-evenly;margin-top:1rem}.restriction-label{display:flex;gap:.5rem;align-items:center;font-size:var(--fs-100)}.flavour-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:auto;margin-bottom:4rem;gap:1rem 3rem}.flavour-selection button{background:none;width:100%;border:none;color:var(--clr-text);font-size:var(--fs-300);text-align:start}.flavour-selection button:hover{color:var(--clr-text-hover)}.flavour-selection button.active{color:var(--clr-text-hover);text-decoration:underline}.flavour-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));margin:auto;gap:2rem}.flavour-card{display:flex;align-items:center;flex-direction:column;border:groove 1rem var(--clr-primary)}.flavour-card img{width:200px;height:auto;border-radius:50%}
