.nav__list{display:flex;margin-right:1.5em}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__list ul{left:-9999px;list-style:none;position:absolute}.nav__list ul li{float:none;padding-top:10px}.nav__list ul a{white-space:nowrap}.nav__list li:hover ul{left:0}.nav__list li:hover ul a{text-decoration:none}@media screen and (max-width:1024px) and (orientation:portrait){.nav__list{align-items:center;display:none;flex-direction:column;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flow-root;margin-left:.8em;z-index:2}}@media screen and (max-width:1024px) and (orientation:landscape){.nav__list{align-items:center;display:none;flex-direction:column;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flow-root;margin-left:.8em;z-index:2}}.additional-info{box-shadow:var(--shadow);margin:0 auto 0 -250px;padding:2em;text-align:center;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.additional-info:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.additional-info__description{margin-top:1em}.additional-info__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.additional-info__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;margin:.5em}.additional-info .link--icon{margin-left:.5em}@media screen and (min-width:1280px) and (max-width:1340px) and (orientation:landscape){.additional-info{margin-left:-220px}}.additional-infos__grid{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:1100px}@media screen and (max-width:1024px) and (orientation:portrait){.additional-infos__grid{display:none}}@media screen and (max-width:1024px) and (orientation:landscape){.additional-infos__grid{display:none}}.header{height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;width:95%}.profile-image{border-radius:100px;height:150px;margin-top:100px;width:150px}@media screen and (max-width:1024px) and (orientation:portrait){.header{height:6em;width:87.5%}.profile-image{height:50px;margin-left:-5px;margin-top:auto;width:50px}}@media screen and (max-width:1024px) and (orientation:landscape){.header{height:6em;width:87.5%}.profile-image{height:50px;margin-left:-5px;margin-top:auto;width:50px}}.additional-info-mobile-portrait{box-shadow:var(--shadow);margin:700px auto 0 -300px;padding:2em;text-align:center;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:105%}.additional-info-mobile-portrait:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.additional-info-mobile-portrait__description{margin-top:1em}.additional-info-mobile-portrait__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.additional-info-mobile-portrait__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;margin:.5em}.additional-info-mobile-portrait .link--icon{margin-left:.5em}@media screen and (max-width:1024px) and (orientation:portrait){.additional-info-mobile-portrait{margin-left:auto;margin-top:auto;width:-webkit-fill-available}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.additional-info-mobile-portrait{margin-left:auto;margin-top:auto;width:135%}}@media screen and (max-width:1024px) and (orientation:landscape){.additional-info-mobile-portrait{margin-left:auto;margin-top:auto;width:120%}}.additional-infos-mobile-portrait__grid{grid-gap:2em;display:grid;display:none;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:1100px}@media screen and (max-width:1024px) and (orientation:portrait){.additional-infos-mobile-portrait__grid{display:grid}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.additional-infos-mobile-portrait__grid{display:grid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (max-width:1024px) and (orientation:landscape){.additional-infos-mobile-portrait__grid{display:grid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.about{flex-direction:column;margin-top:3em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media screen and (max-width:1024px) and (orientation:portrait){.app .about{align-items:flex-start;margin-left:10px;margin-top:2em;width:95%}.about__desc{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.about__contact{align-self:center}.about__desc{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}@media screen and (max-width:1024px) and (orientation:landscape){.app .about{align-items:flex-start;margin-left:10px;margin-top:2em;width:95%}.about__contact{align-self:center}.about__desc{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.project{box-shadow:var(--shadow);margin:0 auto;padding:2em;text-align:center;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.project:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;margin:.5em}.project .link--icon{margin-left:.5em}@media screen and (max-width:1024px) and (orientation:landscape){.project{width:75%}}.projects__grid{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:1100px}@media screen and (max-width:1024px) and (orientation:portrait){.projects__grid{margin:15px;width:100%}}@media screen and (max-width:1024px) and (orientation:landscape){.projects__grid{margin:15px;width:100%}}.skills__list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:450px;width:95%}.skills__list-item{margin:.5em}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer__link{color:var(--clr-fg);font-size:1.05rem;font-weight:600}@media screen and (max-width:1024px) and (orientation:portrait){.footer{margin-top:3em;padding:2em}}@media screen and (max-width:1024px) and (orientation:landscape){.footer{margin-top:3em;padding:2em}}.languages__list{display:grid;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:450px;padding-right:80px;width:95%}.languages__list-item{margin:.5em;width:150%}.languages__lang-lvl-desc{color:var(--clr-primary);font-size:.8rem}@media screen and (max-width:1024px) and (orientation:portrait){.languages__list{padding-right:inherit}.languages__list-item{width:100%}}@media screen and (max-width:1024px) and (orientation:landscape){.languages__list{padding-right:inherit}.languages__list-item{width:100%}}.app{background-color:var(--clr-bg);color:var(--clr-fg);font-family:Poppins,sans-serif;line-height:1.5}.light{--clr-bg:#fcfcfc;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#2978b5;--shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px}main{margin:0 auto;max-width:1100px;width:95%}.section{margin-top:5em}.section__title{margin-bottom:1em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:500;text-transform:uppercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.8em 1.4em;text-transform:lowercase;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:var(--clr-bg-alt);border:0;box-shadow:0 3px 3px 0 rgba(0,0,0,.15);text-transform:none}.btn--plain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media screen and (max-width:1024px) and (orientation:portrait){.section{margin-top:4em;width:95%}}@media screen and (max-width:1024px) and (orientation:landscape){.section{margin-top:4em;width:95%}}*{background-color:inherit;border:0;box-shadow:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;margin:0;outline:0;padding:0}html{scroll-behavior:smooth}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media screen and (max-width:900px){h1{font-size:2.6rem}}