.header{position:sticky;top:0;width:100%;background-color:var(--background-color)}.header .container{display:flex;justify-content:end;height:var(--header-height)}@media (max-width: 480px){.header .container{justify-content:center}}.header .container .nav{display:flex;align-self:center}.header .nav-list{display:flex;flex-direction:row;gap:2rem}.header .page-link{text-transform:capitalize;font-weight:500}.header .page-link:hover,.header .page-link:focus{color:var(--light-gray);transition:color .2s ease}.header .page-link.active{color:var(--text-color-secondary);border-bottom:2px solid var(--text-color-secondary)}.footer{padding:1rem 0 1.5rem}.footer .container{display:grid;grid-template-columns:repeat(2,max-content);place-content:center;gap:2rem}.footer .footer-title{color:var(--light-gray);font-size:1.25rem;line-height:1.1;margin:0}.footer .social-links{display:flex;gap:1rem}.footer .social-links .social-link{align-items:center;display:flex}.footer .social-links .social-link:hover,.footer .social-links .social-link:focus{color:var(--text-color-secondary);transition:color .3s ease}.layout{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.about{display:grid;gap:1rem;justify-items:center}.about .about__content{display:grid;gap:.75rem;letter-spacing:.5px}.experience{display:grid;justify-items:center}.experience .experience__list{display:grid;gap:2rem;width:100%}.experience .experience__company-link{display:flex;gap:2rem;padding:1rem}.experience .experience__company-link:hover{background-color:var(--background-color-experience-hover);border-radius:.4rem;transition:background-color .2s ease}.experience .experience__company-link:hover .experience__title{color:var(--text-color-title-hover)}@media (max-width: 768px){.experience .experience__company-link{flex-direction:column;text-align:left;gap:1rem}}.experience .experience__date{min-width:12rem;margin:0}.experience .experience__content{display:grid;gap:1rem}.experience .experience__content .experience__title{color:var(--text-color-secondary);font-size:1.25rem;font-weight:600;margin:0}.experience .experience__content .experience__description-list{display:grid;gap:.5rem}.experience .experience__content .experience__description{text-align:left;letter-spacing:.25px}.experience .skills{display:flex;gap:.75rem 1rem;flex-wrap:wrap}.experience .skills .skill{background-color:var(--background-color-skill);border-radius:1rem;color:var(--text-color-skill);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.home{display:grid;gap:7rem;grid-template-columns:auto 1fr;height:100vh;place-content:center}@media (max-width: 900px){.home{grid-template-columns:1fr;gap:3rem}}.home .home__image{border-radius:50%;height:25rem;justify-self:end;object-fit:cover;width:25rem}@media (max-width: 480px){.home .home__image{width:15rem;height:15rem}}@media (max-width: 900px){.home .home__image{order:-1;justify-self:center}}@media (min-width: 481px) and (max-width: 900px){.home .home__image{height:21rem;width:21rem}}.home .home__content{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:1.5rem}@media (max-width: 900px){.home .home__content{align-items:center}}.home .home__title{color:var(--text-color-secondary);font-family:Montserrat,sans-serif;font-size:2.5rem;letter-spacing:-.5px;line-height:1.2;margin-bottom:1rem;margin:0;font-size:4rem}@media (max-width: 900px){.home .home__title{font-size:2rem;text-align:center}}.home .home__description{font-size:1.125rem;font-weight:500}@media (max-width: 480px){.home .home__description{text-align:center}}.projects__list{display:grid;gap:2rem}@media (max-width: 768px){.projects__list{gap:3rem}}@media (max-width: 768px){.project{background-color:var(--background-color-experience-hover);border-radius:.25rem}}.project .project__link{display:flex;gap:2rem}.project .project__link:hover{background-color:var(--background-color-experience-hover);border-radius:.4rem;transition:background-color .2s ease}.project .project__link:hover .project_title{color:var(--text-color-title-hover)}@media (max-width: 768px){.project .project__link{flex-direction:column;gap:1rem;padding:.75rem 0}}.project .project__link .project__image{align-self:center;border-radius:.25rem}@media (max-width: 480px){.project .project__link .project__image{height:auto;width:100%}}@media (min-width: 481px) and (max-width: 768px){.project .project__link .project__image{align-self:flex-start;width:25rem}}.project .project__link .project__content{display:flex;flex-direction:column;gap:.875rem;justify-content:center;padding:.5rem}.project .project__link .project_title{color:var(--text-color-secondary);margin:0}.project .project__link .project__description{letter-spacing:.25px}.project .project__link .project__technologies{margin-top:auto}.technologies{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.technologies .technologies_item{background-color:var(--background-color-skill);border-radius:1rem;color:var(--text-color-skill);font-size:.75rem;font-weight:500;padding:.25rem .75rem}:root{font-family:Inter,Georgia,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.4;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 5rem;--green: #64ffda;--light-gray: #e2e8f0;--light-navy: #112240;--navy: #0a192f;--slate: #94a3b8;--text-color-primary: var(--slate);--text-color-secondary: var(--light-gray);--text-color-skill: var(--green);--text-color-title-hover: var(--green);--background-color: var(--navy);--background-color-experience-hover: rgba(212, 206, 206, .1);--background-color-skill: rgba(45, 212, 191, .1)}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;color:var(--text-color-primary)}body{background-color:var(--background-color);color:var(--text-color-primary);font-size:1rem;margin:0}body::-webkit-scrollbar{background-color:transparent;border-radius:.625rem;transition:all .3s;width:.5rem}body::-webkit-scrollbar-thumb{background-color:var(--text-color-primary);border-radius:.625rem}ul{list-style:none;padding:0;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}section{padding:4rem 0}.section-header{color:var(--light-gray);font-size:2.5rem;text-align:center}.icon{height:1.5em;width:1.5em}ol{list-style-type:none;margin:0;padding:0}p{margin:0}.link__text{color:var(--text-color-secondary)}.link__text:hover,.link__text:focus{color:var(--text-color-title-hover)}