: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-700: hsl(231, 10%, 40%);--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}.router-link-active{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-200);box-shadow:0 1.125em 1em -1em var(--clr-accent-500);margin-inline:.5em}.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)}.child-box[data-v-4805fe27]{display:flex;justify-content:center;align-items:center;gap:var(--size-700);background-color:var(--clr-accent-300);padding:var(--size-700)}.parent-box[data-v-12002519]{display:flex;justify-content:center;align-items:center;gap:var(--size-700);background-color:var(--clr-accent-200);padding:var(--size-700)}.grandparent-box[data-v-b76ee2b9]{display:flex;justify-content:center;align-items:center;gap:var(--size-700);background-color:var(--clr-accent-100);padding:var(--size-700)}.child[data-v-5d490078]{background-color:var(--clr-accent-300)}.parent[data-v-07dfb862]{background-color:var(--clr-accent-200)}h1[data-v-07dfb862]{font-size:var(--fs-800)}[data-v-1e6d5a77] div,div[data-v-1e6d5a77]{display:flex;justify-content:center;align-items:center;gap:var(--size-700);padding:var(--size-700)}.grandparent[data-v-1e6d5a77]{background-color:var(--clr-accent-100)}.child[data-v-3eb19554]{background-color:var(--clr-accent-300)}.parent[data-v-9710ca19]{background-color:var(--clr-accent-200)}h1[data-v-9710ca19]{font-size:var(--fs-800)}[data-v-b1b7b539] div,div[data-v-b1b7b539]{display:flex;justify-content:center;align-items:center;gap:var(--size-700);padding:var(--size-700)}.grandparent[data-v-b1b7b539]{background-color:var(--clr-accent-100)}main[data-v-1dcae2cc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-700);padding:var(--size-700)}