:root{--clr-accent-500: hsl(12, 60%, 45%);--clr-accent-400: hsl(12, 88%, 59%);--clr-accent-300: hsl(12, 88%, 75%);--clr-accent-200: hsl(12, 88%, 80%);--clr-accent-100: hsl(13, 100%, 96%);--clr-primary-400: hsl(228, 39%, 23%);--clr-neutral-900: hsl(232, 12%, 13%);--clr-neutral-200: hsl(220, 13%, 95%);--clr-neutral-100: hsl(0 0% 100%);--modal-backdrop-clr: rgb(0, 0, 0, .3);--modal-background-clr: hsl(11, 97%, 85%);--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-100: .625rem;--fs-200: .75rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 1.75rem;--fs-900: 2rem;--size-100: .125rem;--size-200: .25rem;--size-300: .5rem;--size-400: 1rem;--size-500: 1.125rem;--size-600: 1.25rem;--size-700: 1.5rem;--size-800: 1.75rem;--size-900: 2.5rem;--fs-primary-heading: var(--fs-500);--fs-menu-item: var(--fs-300);--fs-menu-section: var(--fs-400);--fs-body: var(--fs-300);--fs-nav: var(--fs-400);--fs-button: var(--fs-300)}@media (min-width: 50em){:root{--fs-primary-heading: var(--fs-900);--fs-menu-item: var(--fs-500);--fs-menu-section: var(--fs-700);--fs-body: var(--fs-500);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var(--clr-primary-400)}#app{height:100%}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.primary-heading{font-size:var(--fs-primary-heading)}.menu-item{font-size:var(--fs-menu-item)}.menu-section{font-size:var(--fs-menu-section);font-weight:var(--fw-bold)}.flex{display:flex}.justify-center{justify-content:center}.align-center{align-items:center}.justify-between{justify-content:space-between}.col{display:flex;flex-direction:column}.float-left{float:left}button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-400);box-shadow:0 1.125em 1em -1em var(--clr-accent-500);margin-inline:.5em}button[data-type=inverted]{background-color:var(--clr-neutral-100);color:var(--clr-accent-400)}button:hover,button:active,button:focus-visible{background-color:var(--clr-accent-300)}button:active{transform:scale(.95)}button[data-type=inverted]:hover,button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-100);color:var(--clr-accent-300)}button:disabled{background-color:#696969;color:linen;opacity:1}.menu ul>li{padding-block:var(--size-300);list-style-type:none}.menu ul>li:hover{background-color:var(--clr-neutral-200)}.round-button:hover{border-radius:50%;background-color:var(--clr-neutral-200)}.menu a{text-decoration:none}.menu a:link,a:visited{color:inherit}.icon{width:32px;margin-inline:var(--size-200)}.toast{position:fixed;bottom:20%;padding:.25em 1.5em;background-color:var(--clr-neutral-200)}.modal-backdrop[data-v-7dfe3c41]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--modal-backdrop-clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.modal[data-v-7dfe3c41]{background-color:var(--modal-background-clr);padding:var(--size-300)}.modal-button[data-v-7dfe3c41]:hover{background-color:var(--clr-accent-200);border-radius:50%}header[data-v-7dfe3c41]{display:flex;margin-bottom:var(--size-100);justify-content:space-between}header>img[data-v-7dfe3c41]{margin-left:var(--size-500)}footer[data-v-7dfe3c41]{display:flex;justify-content:center;align-items:center;margin-top:var(--size-400)}.gunner[data-v-98ad748b]{position:fixed;left:-2000px;animation:36s ease-in-out 0s infinite normal run-98ad748b}@keyframes run-98ad748b{0%{left:-8000px}49%{transform:rotateY(0)}50%{left:8000px;transform:rotateY(180deg)}to{left:-8000px;transform:rotateY(180deg)}}main[data-v-8a6c48ba]{height:100%;position:relative}