body{margin:0;font-family:Sarabun,sans-serif;background:var(--gray-900);color:var(--gray-700)}h1{font-size:3.125rem;color:var(--gray-900);font-weight:500;line-height:100%;letter-spacing:-.125rem;margin:0}p{margin:0;color:var(--gray-700)}main{width:100%;min-height:70%;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:inherit;position:relative}.fixed-bottom{position:fixed;bottom:0;left:0;width:100%;padding:10px}.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}}.title{font-size:20px;letter-spacing:.025rem;line-height:1;font-weight:700;padding-bottom:5px;margin-right:10px;text-align:left;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#000}.top-padding{padding-top:10px}.no-padding{padding:0}.summary-total{font-size:13px;font-weight:700;margin-bottom:0}.inactive-btn{background-color:#e3f4fc;color:#c8c8c8;pointer-events:none}