@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);:root{--text-color:#adb7b9;--heading-color:#f2f7f9;--body-bg:#12323e;--heading:#e6f1f3;--subtitle:#c4d9d6;--text:#9fbcc4;--link-muted:#6d8b95;--accent:#5eead4;--accent-hover:#7df0de;--accent-bg:#2dd4bf1a;--accent-border:#5eead440}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#12323e;background-color:var(--body-bg);color:#adb7b9;color:var(--text-color);font-family:Nunito,sans-serif}.container{margin-left:auto;margin-right:auto;max-width:1280px;min-height:100vh;padding:48px 24px}.container>div{display:flex;gap:1rem;justify-content:space-between}main{padding:6rem 0;width:52%}h1,h2,h3,h4{color:#f2f7f9;color:var(--heading-color)}ul{list-style:none;margin:0;padding:0}p:not(:last-child){margin-bottom:1rem}img{max-width:100%}a{color:#6d8b95;color:var(--link-muted);text-decoration:none}.subtitle{color:#c4d9d6;color:var(--subtitle);font-size:20px;margin:16px 0}.section{margin-bottom:9rem;scroll-margin-top:6rem}.group{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:3rem;position:relative}.group-hover-bg{border-radius:.375rem;bottom:-1rem;display:none;display:block;left:-1rem;left:-1.5rem;position:absolute;right:-1rem;right:-1.5rem;top:-1rem;transition:background-color .15s ease,box-shadow .15s ease,filter .15s ease;z-index:0}.group-header img{border:2px solid #6d8b95;border:2px solid var(--link-muted);border-radius:.25rem}.skils{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.skill{background-color:#2dd4bf1a;background-color:var(--accent-bg);color:#5eead4;color:var(--accent);padding:.25rem .75rem}@media (min-width:640px){.group{grid-template-columns:repeat(8,minmax(0,1fr))}.group-header{grid-column:span 2/span 2}.group-body{grid-column:span 6/span 6}}@media (min-width:768px){.container{padding:64px 48px}}@media (min-width:1024px){.container{padding-bottom:0;padding-top:0}.group:hover .group-hover-bg{background-color:#2dd4bf1a;background-color:var(--accent-bg);box-shadow:inset 0 1px 0 0 #94a3b81a;filter:drop-shadow(0 10px 8px rgba(94,234,212,.25)) drop-shadow(0 4px 3px rgba(94,234,212,.25));filter:drop-shadow(0 10px 8px var(--accent-border)) drop-shadow(0 4px 3px var(--accent-border))}}@media(max-width:1024px){.container>div{flex-direction:column}main{width:100%}}.header{display:flex;flex-direction:column;justify-content:space-between;max-height:100vh;padding:6rem 0;position:sticky;top:0;width:48%}@media(max-width:1024px){.header{max-height:none;padding:0;position:static;width:100%}}.navbar{margin-top:64px}.navbar a{align-items:center;display:flex;font-size:.75rem;font-weight:700;padding:.75rem 0;text-decoration:none;text-transform:uppercase;transition:color .3s ease-in-out}.navbar a.selected,.navbar a:hover{color:var(--text)}.navbar a span:first-of-type{background-color:var(--link-muted);height:1px;margin-right:16px;transition:width .3s ease-in-out;width:32px}.navbar a.selected span:first-of-type,.navbar a:hover span:first-of-type{background-color:var(--text);height:2px;width:64px}@media(max-width:1024px){.navbar{display:none}}.social{display:flex;gap:1rem}.social a span{display:none}.social svg{height:1.5rem;width:1.5rem}@media(max-width:1024px){.social{margin-top:32px}}
/*# sourceMappingURL=main.522cc925.css.map*/