.navbar{margin:0 auto;max-width:50rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center}.navbar-links{display:flex;gap:1rem;margin-right:2rem}.nav-link{text-decoration:none;color:#3b3739;font-weight:500}.nav-link:hover{color:#98b4d4}.logo{padding:1em;margin:1em;transition:transform .2s ease-in-out}@media (hover: hover) and (pointer: fine){.logo:hover{transform:scale(1.2)}}.introduction{color:#888;padding:3rem}.home-container{padding:1rem;max-width:50rem;margin:0 auto}.welcome-container{padding:1rem;max-width:33rem;margin:0 auto}.links-container{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.links-container svg{font-size:2.5rem;margin:.5rem}.resume-container{padding:1rem;max-width:50rem;margin:0 auto}.skills-container{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.skills-container svg{font-size:2.5rem;margin:.5rem}.links:hover{color:#98b4d4}.card{display:flex;flex-direction:row;align-items:center;padding:1rem;max-width:33rem;margin:0 auto}.card-image{width:4rem;height:4rem;margin-right:1rem}.card-content{display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.card-title{font-weight:700;font-size:1rem;margin:0;color:#555}.card-title:hover{color:#98b4d4}.card-text{font-size:1rem;color:#888}.card h2{margin:0 0 1rem}.card p{margin:0}.placeholder{color:#888;padding:3rem}.placeholder:after{content:"";display:inline-block;width:3ch;text-align:left;animation:dots 2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#3b3739;background-color:ivory;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#98b4d4}#root{display:flex;flex-direction:column;align-content:center;min-height:100vh;width:100%}a{font-weight:500;text-decoration:inherit;color:inherit}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3rem;line-height:1}html{height:100%;margin:0;text-align:center}header{margin-bottom:auto;padding:1rem}footer{margin-top:auto;padding:1rem;text-align:center}