main{width:100%;max-width:1200px;margin:0 auto}@media (max-width: 1440px){main{max-width:80%}}@media (max-width: 768px){main{max-width:90%}}header h1,header h2,header p{text-align:center}header h1{margin-bottom:.5rem}header h2{margin-bottom:1rem}header img{margin-inline:auto;display:block;height:max(20svh,12rem);border-radius:50%;margin-bottom:1rem}header p{margin-bottom:1rem}section#experience{margin-top:3rem}section#experience h3{text-align:center;margin-bottom:.5rem}section#experience ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}section#experience ul li{padding-bottom:1rem;margin-bottom:.25rem}section#experience ul li:not(:last-child){border-bottom:1px solid var(--primary)}section#experience ul li .experience-length{display:flex;justify-content:space-between}section#skills{margin-top:2rem}section#skills h4{text-align:center;margin-bottom:1rem}section#skills ul{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem 2rem}section#skills ul li{min-height:3rem;padding:.25rem;border-radius:16px;border:1px solid var(--primary);display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color .1s}section#skills ul li:hover{background-color:var(--primary-hover)}section#projects{margin-top:3rem}section#projects h3{text-align:center;margin-bottom:1rem}section#projects .projects-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1.5rem}section#projects .projects-list li{padding:1rem;border-radius:16px;border:1px solid var(--primary);transition:background-color .1s;display:flex;flex-direction:column;gap:.25rem}section#projects .projects-list li .project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}section#projects .projects-list li .project-header .project-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--primary);transition:opacity .1s}section#projects .projects-list li .project-header .project-link:hover{opacity:.8}section#projects .projects-list li .project-header .project-link h4{margin:0;font-size:x-large}section#projects .projects-list li .project-header .project-link svg{width:24px;height:24px}section#projects .projects-list li .project-description{margin-bottom:.75rem;color:var(--primary);opacity:.9}section#projects .projects-list li .project-details{display:flex;flex-direction:column;gap:1rem;margin-top:auto}section#projects .projects-list li .project-details .project-languages{display:flex;flex-wrap:wrap;gap:.5rem}section#projects .projects-list li .project-details .project-languages .language-tag{padding:.25rem .75rem;border-radius:12px;border:1px solid var(--primary);font-size:.875rem;background-color:var(--primary-hover)}section#projects .projects-list li .project-details .project-stats{display:flex;gap:1rem;align-items:center;font-size:.875rem}section#projects .projects-list li .project-details .project-stats .stat-item{display:flex;align-items:center;gap:.25rem;opacity:.8}section#projects .projects-list li .project-details .project-stats .stat-item svg{width:14px;height:14px}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem min(2rem,2vw);position:sticky;top:0;background-color:var(--background);z-index:1;border-bottom:1px solid var(--primary);margin-bottom:2rem}.header-nav ul{display:flex;justify-content:space-around;align-items:center;list-style:none;gap:2rem;padding:0;margin:0}.header-nav .navbar-inputs{display:flex;gap:1rem}.header-nav .navbar-inputs select{padding:.75rem;background-color:transparent;border:1px solid var(--primary);border-radius:.5rem;outline:0}.header-nav .navbar-inputs select option{padding:.75rem;background-color:var(--primary);color:var(--background)}.header-nav .navbar-inputs select option:hover,.header-nav .navbar-inputs select:hover{background-color:var(--primary-hover)}.header-nav .navbar-inputs button.theme-manager{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:transparent;border:1px solid var(--primary);border-radius:.5rem}.header-nav .navbar-inputs button.theme-manager:hover{background-color:var(--primary-hover)}footer{text-align:center;margin-top:3rem;margin-bottom:2rem}footer h4{margin-bottom:1rem}footer a{display:flex;justify-content:center;align-items:center;gap:1rem}footer a img{max-height:1rem;aspect-ratio:1}*{margin:0;padding:0;box-sizing:border-box;fill:var(--primary);color:var(--primary);font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}h1{font-size:xxx-large;font-weight:600}h2{font-size:xx-large;font-weight:500}h3,h4{font-size:x-large}b{font-weight:600}:root{--primary: rgb(var(--primary-color));--background: rgb(var(--background-color));--background-color: 34, 40, 49;--primary-color: 238, 238, 238;--primary-hover: rgba(var(--primary-color), .1);background-color:var(--background);color:var(--primary)}