: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);--pill-1: #34AF94;--pill-2: #EBDEA8;--pill-3: #D88C4D;--vertical-gradient: linear-gradient( 180deg, var(--pill-1) 0%, var(--pill-2) 50%, var(--pill-3) 100% );--horizontal-gradient: linear-gradient( 90deg, var(--pill-1) 0%, var(--pill-2) 50%, var(--pill-3) 100% );--pill-accent: var(--pill-1);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:#8bdabe;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;background-color:#56534a}.content{display:flex;justify-content:space-around;width:100%;max-width:700px;margin-bottom:3rem}.left-side{display:flex;flex-direction:column;align-items:center}@keyframes float{0%{filter:drop-shadow(2px 6px 5px rgba(30,30,30,.5));transform:translate(0) translateY(0)}50%{filter:drop-shadow(2px 12px 12px rgba(30,30,30,.2));transform:translate(-4px) translateY(-4px)}to{filter:drop-shadow(2px 6px 5px rgba(30,30,30,.5));transform:translate(0) translateY(0)}}.profile-photo{width:350px;height:350px;border-radius:50%;object-fit:cover;object-position:left center;border:5px solid #8BDABE;animation:float 6s ease-in-out infinite}.content h1{margin-top:1.75rem}.content p{margin-top:1.5rem}.divider{width:1px;background:var(--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(--pill-1);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(--pill-1)}.pill-group .pill:nth-child(6n+2){--pill-accent: var(--pill-2)}.pill-group .pill:nth-child(6n+3),.pill-group .pill:nth-child(6n+4),.pill-group .pill:nth-child(6n+5){--pill-accent: var(--pill-3)}.pill svg:first-child{margin-inline-end:.35rem}.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(--horizontal-gradient);margin-block:1.5rem}}body{margin:0;background:#667a96;font-family:Comfortaa,sans-serif;min-height:100vh}#root{min-height:100vh}