@keyframes float{0%{filter:drop-shadow(2px 2px 5px rgba(30,30,30,.2));transform:translate(0) translateY(0)}50%{filter:drop-shadow(2px 2px 5px rgba(30,30,30,.6));transform:translate(-3px) translateY(-5px)}to{filter:drop-shadow(2px 2px 5px rgba(30,30,30,.2));transform:translate(0) translateY(0)}}#tiki-god{animation:float 3s ease-in-out infinite;cursor:pointer}.hat-go,.hat-stop,.hat-warn,.eyes-warn,.eyes-stop,.eyes-go{opacity:0;position:relative;transition:all 1s ease}.hat-go,.hat-stop,.hat-warn{transform:scale(0);transform-origin:50% 50%}svg#tiki-god.go g.hat-go,svg#tiki-god.warn g.hat-warn,svg#tiki-god.stop g.hat-stop,svg#tiki-god.go g.eyes-go,svg#tiki-god.warn g.eyes-warn,svg#tiki-god.stop g.eyes-stop{opacity:1}svg#tiki-god.go g.hat-go,svg#tiki-god.warn g.hat-warn,svg#tiki-god.stop g.hat-stop{transform:scale(1)}:root{--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--eye-go-left-green: oklch(74.35% .2302 138.12);--eye-go-right-green: oklch(60.31% .1864 138.1);--eye-warn-left-yellow: oklch(83.92% .172 84.46);--eye-warn-right-orange: oklch(77.2% .1737 64.55);--eye-stop-left-orange: oklch(64.18% .2135 35.05);--eye-stop-right-red: oklch(56.47% .185 35.22);--tiki-vertical-gradient: linear-gradient( 180deg, var(--eye-go-left-green) 0%, var(--eye-warn-left-yellow) 50%, var(--eye-stop-left-orange) 100% );--tiki-horizontal-gradient: linear-gradient( 90deg, var(--eye-go-left-green) 0%, var(--eye-warn-left-yellow) 50%, var(--eye-stop-left-orange) 100% );--pill-accent: var(--eye-go-left-green);font-family:Comfortaa,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}h1{font-size:3.125rem;color:var(--gray-900);font-weight:700;line-height:100%;letter-spacing:-.125rem;margin:0;font-family:Comfortaa,serif;font-optical-sizing:auto;font-style:normal;text-align:center}p{margin:0;color:var(--gray-700);text-align:center}.main{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;position:relative}.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(--tiki-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(--eye-go-left-green);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:Comfortaa,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:.875rem;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(--eye-go-left-green)}.pill-group .pill:nth-child(6n+2){--pill-accent: var(--eye-warn-right-orange)}.pill-group .pill:nth-child(6n+3),.pill-group .pill:nth-child(6n+4),.pill-group .pill:nth-child(6n+5){--pill-accent: var(--eye-stop-right-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(--tiki-horizontal-gradient);margin-block:1.5rem}}body{margin:0;background:#f4e3d6;font-family:Comfortaa,sans-serif;min-height:100vh}#root{min-height:100vh}