@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100&family=Alegreya+Sans+SC:wght@100&family=Lexend+Mega:wght@200&family=Raleway:wght@100&display=swap";*{margin:0;padding:0;font-weight:lighter;box-sizing:border-box}html{scroll-behavior:smooth}:root{--offwhite: rgb(230, 230, 230);--gray: rgba(230, 230, 230, .75);--offblack: rgb(10, 10, 10);--overlay: rgba(24, 24, 24, .9);--dark-accent: rgb(145, 145, 145);--red: rgb(179, 24, 24);--tech-frontend-bg: rgba(59, 130, 246, .149);--tech-frontend-text: hsl(226, 71%, 64%);--tech-frontend-border: rgba(59, 130, 246, .3);--tech-frontend-bg-hover: rgba(59, 130, 246, .25);--tech-frontend-border-hover: rgba(59, 130, 246, .5);--tech-backend-bg: rgba(34, 197, 94, .15);--tech-backend-text: hsl(143, 64%, 64%);--tech-backend-border: rgba(34, 197, 94, .3);--tech-backend-bg-hover: rgba(34, 197, 94, .25);--tech-backend-border-hover: rgba(34, 197, 94, .5);--tech-database-bg: rgba(249, 115, 22, .15);--tech-database-text: hsl(15, 79%, 64%);--tech-database-border: rgba(249, 115, 22, .3);--tech-database-bg-hover: rgba(249, 115, 22, .25);--tech-database-border-hover: rgba(249, 115, 22, .5);--tech-tools-bg: rgba(147, 51, 234, .15);--tech-tools-text: hsl(274, 66%, 64%);--tech-tools-border: rgba(147, 51, 234, .3);--tech-tools-bg-hover: rgba(147, 51, 234, .25);--tech-tools-border-hover: rgba(147, 51, 234, .5);--tech-cloud-bg: rgba(251, 191, 36, .15);--tech-cloud-text: hsl(23, 83%, 64%);--tech-cloud-border: rgba(251, 191, 36, .3);--tech-cloud-bg-hover: rgba(251, 191, 36, .25);--tech-cloud-border-hover: rgba(251, 191, 36, .5);--tech-language-bg: rgba(239, 68, 68, .15);--tech-language-text: hsl(0, 70%, 64%);--tech-language-border: rgba(239, 68, 68, .3);--tech-language-bg-hover: rgba(239, 68, 68, .25);--tech-language-border-hover: rgba(239, 68, 68, .5);--complexity-low-text: hsl(143, 64%, 64%);--complexity-medium-text: hsl(23, 83%, 64%);--complexity-high-text: hsl(0, 74%, 64%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2)}::-webkit-scrollbar{width:0;background:transparent}main{display:flex;flex-direction:column;padding:var(--space-xl)}ul{list-style:none}header{color:var(--offwhite);background:var(--offblack);box-shadow:var(--shadow-lg);border-radius:0 0 15% 15%;display:flex;flex-direction:column;align-items:center;text-align:center;position:sticky;top:0;z-index:800}#header,nav{margin:0 0 .75vw}#header{display:flex;flex-direction:column;align-items:center}nav{width:85%}#navigation{display:flex;justify-content:space-between;gap:var(--space-sm)}.nav-icon{margin-right:.5rem;vertical-align:middle}#navigation li{position:relative;transition:all .3s ease;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}#navigation li:hover{transform:translateY(-1px)}#navigation li.selected{color:var(--red);font-weight:600}#navigation li.selected:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:var(--red);border-radius:1px}@media screen and (max-width: 768px){#navigation{flex-wrap:wrap;gap:var(--space-xs);justify-content:center}#navigation li{font-size:.9rem;padding:var(--space-xs)}.nav-icon{margin-right:.25rem}}.body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--offwhite);font-family:Alegreya Sans SC,sans-serif}footer{justify-content:center;display:flex;flex-direction:column;text-align:center;align-items:center;padding-top:2vh;margin:0 .75vw 1vh .75vw;border-bottom:1px solid var(--offblack);border-radius:0 0 40px 40px;box-shadow:var(--shadow-lg)}.left-btn{border-bottom-left-radius:var(--radius-lg)}.right-btn{border-bottom-right-radius:var(--radius-lg)}.app-description{font-family:Raleway,sans-serif}.underline{border-bottom:1px solid var(--offoffwhite);flex-grow:1}li{transition:color .3s ease}li:hover,.selected{color:var(--red)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid--2-col{grid-template-columns:repeat(2,1fr)}.grid--3-col{grid-template-columns:repeat(3,1fr)}.grid--4-col{grid-template-columns:repeat(4,1fr)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex--center{display:flex;align-items:center;justify-content:center}.flex--column{display:flex;flex-direction:column}.flex--between{display:flex;justify-content:space-between}.flex--wrap{flex-wrap:wrap}.card{background:var(--overlay);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.card--elevated{box-shadow:var(--shadow-lg)}.card--rounded{border-radius:var(--radius-lg)}.heading{font-weight:600;line-height:1.2;margin-bottom:var(--space-sm)}.heading--primary{font-size:var(--font-size-2xl);border-bottom:1px solid var(--gray);width:fit-content}.heading--secondary{font-size:var(--font-size-xl)}.heading--tertiary{font-size:var(--font-size-lg);color:var(--dark-accent)}.text{font-size:var(--font-size-base);line-height:1.5}.text--sm{font-size:var(--font-size-sm)}.text--lg{font-size:var(--font-size-lg)}.text--muted{color:var(--gray)}.text--center{text-align:center}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--gray);font-size:1.1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;font-family:inherit}.btn--primary{background:var(--red);color:var(--offwhite)}.btn--primary:hover{background:var(--dark-accent)}.link{color:inherit;text-decoration:none;transition:color .3s ease}.link--hover:hover{color:var(--red)}.link--underline{border-bottom:1px solid var(--gray)}.overlay{background:var(--overlay);color:var(--offwhite)}.shadow{box-shadow:var(--shadow-md)}.shadow--sm{box-shadow:var(--shadow-sm)}.shadow--lg{box-shadow:var(--shadow-lg)}.rounded{border-radius:var(--radius-md)}.rounded--sm{border-radius:var(--radius-sm)}.rounded--lg{border-radius:var(--radius-lg)}.rounded--xl{border-radius:var(--radius-xl)}.rounded--full{border-radius:50%}.p--xs{padding:var(--space-xs)}.p--sm{padding:var(--space-sm)}.p--md{padding:var(--space-md)}.p--lg{padding:var(--space-lg)}.p--xl{padding:var(--space-xl)}.px--xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px--sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px--md{padding-left:var(--space-md);padding-right:var(--space-md)}.px--lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py--xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py--sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py--md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py--lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m--xs{margin:var(--space-xs)}.m--sm{margin:var(--space-sm)}.m--md{margin:var(--space-md)}.m--lg{margin:var(--space-lg)}.m--xl{margin:var(--space-xl)}.mx--auto{margin-left:auto;margin-right:auto}.my--auto{margin-top:auto;margin-bottom:auto}@media screen and (min-width: 768px){.grid--2-col-md{grid-template-columns:repeat(2,1fr)}.grid--3-col-md{grid-template-columns:repeat(3,1fr)}.flex--row-md{flex-direction:row}}@media screen and (min-width: 1024px){.grid--3-col-lg{grid-template-columns:repeat(3,1fr)}.grid--4-col-lg{grid-template-columns:repeat(4,1fr)}.flex--row-lg{flex-direction:row}}#about{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm)}#profile-pic{border-radius:50%;width:35vw;margin:var(--space-sm);border:1px solid var(--dark-accent)}#profile-text h2{margin:var(--space-lg) 0 var(--space-xs) 0;padding-right:var(--space-xs);border-bottom:1px solid var(--dark-accent);width:fit-content}#bio{grid-column:span 2;display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-lg);font-family:Raleway,sans-serif}@media screen and (min-width: 768px){#about{padding:0 10vw;font-size:var(--font-size-lg)}#profile-pic{width:25vw}}@media screen and (min-width: 1024px){#about{gap:var(--space-md) var(--space-sm)}#profile-pic-wrapper{grid-row:span 2}#profile-pic{width:15vw}#bio{grid-column:span 1}#profile-text h2{margin-top:var(--space-md);width:30vw}}#contact-links{padding-left:.75rem;gap:.25rem}.icon{width:fit-content}.icon svg{width:1.375rem;height:1.375rem}.icon-symbol{font-size:1.25rem;margin-right:.5rem;color:var(--offblack);transition:color .2s ease}.icon:hover .icon-symbol{color:var(--red)}@media screen and (min-width: 1024px){#contact-links{gap:1rem}}