:root{color:#26414d;background-color:#1c1c1c;font-family:Handjet,sans-serifs;font-optical-sizing:auto;font-weight:500;font-style:normal}.infinite-scroll-container{display:grid;grid-template-columns:1fr;gap:4rem;padding:4rem 8rem}.page-header{font-family:Handjet,sans-serif;font-size:5rem;font-weight:400;color:#c7cdb7;margin-top:4rem;margin-bottom:2rem}.about-me-container{display:grid;grid-template-columns:1fr 1fr}.personal-info-container{display:grid;gap:1rem;padding:2rem}.name-and-occupation{display:grid;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:400;color:#d9d9d9}.spec-header-l{font-family:Handjet,sans-serif;font-size:2.6rem;font-weight:400;color:#c7cdb7}.spec-header{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:400;color:#c7cdb7}.my-specs{font-family:JetBrains Mono,monospace;line-height:2;font-size:1.2rem;font-weight:400;color:#d9d9d9}.my-bio{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:400;max-width:60ch;color:#d9d9d9}.contact-container{margin-top:2rem;line-height:1.5}.contact-me-h{font-family:Handjet,sans-serif;font-size:1.6rem;font-weight:600;color:#c7cdb7}.contact-list{display:flex;flex-direction:row;gap:.5rem;font-family:Handjet,sans-serif;font-size:1.6rem;font-weight:600;color:#d9d9d9}.contact-list a{color:#d9d9d9}.contact-list a:hover{color:#84994f;cursor:pointer}.cta-button-resume{font-family:Handjet,sans-serif;font-size:1.4rem;font-weight:600;margin-top:2rem;padding:1.2rem 5rem;background-color:#84994f;border:none;border-width:none;color:#333}.cta-button-resume:hover{background-color:#cfdecb;color:#26414d;border-width:none;cursor:pointer}.technologies-skills{padding:2rem}.ts-header{font-family:Handjet,sans-serif;font-size:2.6rem;font-weight:400;color:#c7cdb7}.skill-section{display:grid;grid-template-columns:1fr 1fr}.tech-stack-header{grid-column:1 / -1;font-size:1.4rem;font-weight:600;margin-bottom:1.2rem;font-family:JetBrains Mono,monospace;color:#c7cdb7}.tech-col li{margin:.25rem 0;line-height:1;font-family:JetBrains Mono,monospace;color:#d9d9d9}@media (max-width: 700px){.about-me-container{display:grid;grid-template-columns:1fr;gap:4rem}.name-and-occupation span{margin-top:0rem}.skill-section{grid-template-columns:1fr}}@media (max-width: 768px){.infinite-scroll-container{padding:0rem}.line{width:50%;height:1px;background-color:#1d333d;margin-top:8px;clear:both}.hamburger{display:flex}.navbar{position:sticky;width:100%}.navbar-content{width:100%}.nav-links{padding:2rem;border-radius:2rem;align-items:center;text-align:center;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;right:0;background:#d8dfe9;display:none}.nav-links.open{display:flex}.nav-links a{padding:.75rem 0;width:100%}.btn.btn-green{width:100%;padding:1rem 2.5rem;border-radius:2rem;background-color:#26414d;border-width:none;color:#fff;font-weight:600}.btn.btn-green:hover{background-color:#eff0a4;color:#26414d;border-width:none;cursor:pointer}.homepage-header{font-size:1.8rem}.homepage-container{display:block;justify-content:space-between}.homepage-image{max-width:100%;height:auto;border-radius:4rem}.homepage-image{border-radius:2rem}.feature-container{flex-direction:column;gap:2rem;align-items:center}.feature-image-container,.feature-text-container{max-width:100%}.feature-container{display:flex;justify-content:space-around;align-items:center;gap:3rem;padding:1rem}.feature-image{max-width:100%;height:auto;border-radius:2rem}.feature-text-container{padding:0rem}.feature-header{font-size:2rem}.feature-sub-header{margin-bottom:1rem;font-size:1rem}.feature-text{display:block;margin-bottom:1.5rem;line-height:1.6}.feature-bullets{margin-bottom:2rem;padding-left:1.5rem}.feature-bullets li{margin-bottom:.5rem}.read-article-bttn{width:100%}.profile-container{grid-template-columns:1fr;gap:1.5rem}.profile-sidebar{margin-bottom:1.5rem}.profile-intro,.profile-skills{padding:2rem;border-radius:2rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.social-button{padding:.8rem 1.2rem;font-size:.9rem}.skills-heading{font-size:1.5rem}.profile-tagline{align-items:center;text-align:center}.tagline-quote{font-size:.7rem;font-style:italic;color:#26414d;line-height:1.4}.page-container::-webkit-scrollbar{display:none}.clickable-card-background{flex:0 0 auto;width:300px}}.clickable-card-background{background-size:cover;background-position:center;border-radius:2rem;box-shadow:0 4px 8px #0003;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;aspect-ratio:16 / 12;transition:transform .3s ease-in-out}.clickable-card-background:hover{transform:scale(1.05)}.card-content-overlay{background-color:#0003;color:#fff;padding:20px;align-items:center;width:100%;box-sizing:border-box}.project-name{font-size:1.2rem}.project-description{font-size:.7rem;margin-bottom:15px}.project-button{width:100%;margin-top:1rem;padding:.6rem 2.5rem;border-radius:2rem;border-color:#26414d;border-width:.1rem;color:#26414d;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease}.project-button:hover{background-color:#26414d;color:#eff0a4;border-width:none}.clickable-container{padding:2rem}.clickable-container:hover{cursor:pointer;background-color:#3a3a3a}.project-container{margin:0;padding:0;display:grid;width:100%;grid-template-columns:40% 40% 20%;align-items:center}.p-spec{font-family:Handjet,sans-serif;font-size:2rem;font-weight:400;color:#c7cdb7;line-height:1}.p-spec p{margin:.6rem}.p-description{font-size:1rem;font-family:JetBrains Mono,monospace;color:#d9d9d9;max-width:60ch;margin-right:auto}.p-links{font-family:Handjet,sans-serif;color:#d2daff;height:100%;font-size:1.4rem;font-weight:500;text-align:right;justify-self:start;align-self:start;justify-self:end}.p-links p{line-height:3}@media (max-width: 700px){.project-container{grid-template-columns:1fr;row-gap:.5rem}}@media (max-width: 500px){.clickable-card-background{aspect-ratio:4 / 3}}#root{margin:0 auto}.app-container{padding:1rem;font-family:Handjet,sans-serifs;color:#d9d9d9}.app-header{font-size:3rem;font-family:Handjet,sans-serif;color:#c7cdb7;font-weight:400}.app-subheader{font-size:1.8rem;font-family:Handjet,sans-serif;color:#d9d9d9;font-weight:500;margin-top:-2rem}@media (max-width: 960px){.app-header{font-size:1.6rem;font-family:Handjet,sans-serif;color:#c7cdb7;font-weight:400}.app-subheader{font-size:1rem;font-family:Handjet,sans-serif;color:#d9d9d9;font-weight:500;margin-top:-1rem}}