html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;overflow:hidden;margin:0;color:#faebd7}html :host,body :host{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--white-red: #f0d1db;--red-to-pink-to-purple-vertical-gradient: linear-gradient(180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100%);--red-to-pink-to-purple-horizontal-gradient: linear-gradient(90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100%);--pill-accent: var(--bright-blue)}body{display:flex;flex-direction:column;background-color:#00000a}body app-root{height:100%;width:100%;overflow:scroll}body .title,body h1{text-decoration:rgba(255,50,200,.8) underline}body .menu-container button{border:1px solid rgba(255,50,200,.8)}body .wallpaper{background-image:url("./media/misfittree-LGAHNLEM.jpg");background-size:cover;position:absolute;top:0;height:100%;width:100%;filter:grayscale() opacity(.25);border:0}body .main>*:not(.content){max-width:calc(100% - 2rem);overflow-y:scroll;overflow-x:hidden}body app-root{flex-grow:2;display:flex;flex-direction:column}body .align-top{padding-top:1rem!important}body .page-content{display:flex;flex-direction:column;align-items:center}.pill-group{display:flex;flex-direction:column;align-items:start;flex-wrap:wrap;gap:1.25rem}.pill{display:flex;align-items:center;--pill-accent: var(--bright-blue);background:color-mix(in srgb,var(--pill-accent) 5%,transparent);color:var(--pill-accent);padding-inline:.75rem;padding-block:.375rem;border-radius:2.75rem;border:0;transition:background .3s ease;font-family:var(--inter-font);font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.00875rem;text-decoration:none}.pill:hover{background:color-mix(in srgb,var(--pill-accent) 15%,transparent)}.pill-group .pill:nth-child(6n+1){--pill-accent: var(--bright-blue)}.pill-group .pill:nth-child(6n+2){--pill-accent: var(--french-violet)}.pill-group .pill:nth-child(6n+3),.pill-group .pill:nth-child(6n+4),.pill-group .pill:nth-child(6n+5){--pill-accent: var(--hot-red)}.pill-group svg{margin-inline-start:.25rem}footer{height:4rem;width:100%;background-color:#5a645a40;position:absolute;bottom:0;z-index:100;display:flex;flex-direction:row}footer h3,footer h4{margin:auto;padding:0;text-align:center;text-indent:4rem;flex-grow:2;transition-duration:.25s}footer .social-links{height:100%;margin:1rem}.invisible{opacity:0}