: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);--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);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}h1{font-size:3.125rem;color:var(--gray-900);font-weight:500;line-height:100%;letter-spacing:-.125rem;margin:0;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}p{margin:0;color:var(--gray-700)}main{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:inherit;position:relative}.angular-logo{max-width:9.2rem}.content{display:flex;justify-content:space-around;width:100%;max-width:700px;margin-bottom:3rem}.content h1{margin-top:1.75rem}.content p{margin-top:1.5rem}.divider{width:1px;background:var(--red-to-pink-to-purple-vertical-gradient);margin-inline:.5rem}.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}.social-links{display:flex;align-items:center;gap:.73rem;margin-top:1.5rem}.social-links path{transition:fill .3s ease;fill:var(--gray-400)}.social-links a:hover svg path{fill:var(--gray-900)}@media screen and (max-width: 650px){.content{flex-direction:column;width:max-content}.divider{height:1px;width:100%;background:var(--red-to-pink-to-purple-horizontal-gradient);margin-block:1.5rem}}.footer{font-family:Arial,Helvetica,sans-serif}.footer-upper{background-color:#fff;padding:20px;color:#f3ede5;text-align:center}.footer-upper ul{list-style-type:none;padding:0;margin:0}.footer-upper ul li{display:inline;margin:0 15px}.footer-upper ul li a{color:#f3ede5;text-decoration:none}.footer-lower{background-color:#333133;padding:15px;color:#f3ede5;text-align:center}.footer-lower ul{list-style-type:none;padding:0;margin:0}.footer-lower ul li{display:inline;margin:0 10px}.footer-lower ul li a{color:#f3ede5;text-decoration:none}.footer-lower ul li a:hover,.footer-upper ul li a:hover{text-decoration:underline}.copyright{font-family:Arial,Helvetica,sans-serif;font-size:13px}.nav-links{display:flex;gap:1rem;background-color:#fff}.nav-links a{color:#000}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;gap:.5rem;background-color:#fff;padding:1rem}.nav-links.active{display:flex}}.header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:20px 30px;color:#000;font-family:Arial,Helvetica,sans-serif}.navigation a{color:#000;text-decoration:none;margin:0 15px;font-size:1em;font-weight:100}.navigation a.active,.navigation a.hover{text-decoration:underline}.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;padding:20px 30px;color:#000;font-family:Arial,Helvetica,sans-serif}.site-name{font-size:1.5em}.navigation{display:flex;align-items:center;gap:1rem}.menu-icon{display:none;font-size:1.5rem;cursor:pointer}.nav-links{display:flex;gap:1rem}.nav-links a{text-decoration:none;color:#000;font-size:1rem}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.menu-icon{display:block}.nav-links{display:none;flex-direction:column;gap:.5rem;padding:1rem;width:100%}.nav-links.active{display:flex}}