a.button,button.button{background:#222;color:#fff;border-radius:24px;height:40px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:24px;font-weight:600;&.white{background:#fff;color:#000}}.menu-button,select.lang-select{background:none;border:none;cursor:pointer}.menu-button{padding:8px;display:block}.menu-button:hover{opacity:.8}@media screen and (min-width:1024px){.menu-button{display:none}}button.portfolio-switch{color:#aaa;font-size:16px;display:inline-flex;margin:16px auto 0;align-items:center}.header-wrapper{position:fixed;top:0;left:0;z-index:1000;width:100vw;background-color:#000}header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;width:100%;max-width:1200px;margin:auto;h1.logo{font-size:24px;font-weight:600}@media screen and (min-width:1024px){height:80px}.content{display:flex;align-items:center;gap:24px;nav.menu{display:none;align-items:center;gap:16px;@media screen and (min-width:1024px){display:flex}}}.mobile-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#000;border-top:1px solid #333;padding:16px;gap:8px;a{color:#fff;text-decoration:none;padding:12px 16px;border-radius:4px;transition:background-color .2s ease}a:hover{background-color:#333}}@media screen and (min-width:1024px){.mobile-menu{display:none!important}}}section.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px;padding:80px 32px;min-height:90vh;img.picture{width:300px;border-radius:50%}.content{display:flex;flex-direction:column;gap:24px;h1{font-size:32px;line-height:38px}h2{font-size:16px;font-weight:500;color:#aaa}.buttons{display:flex;gap:16px}}@media screen and (min-width:1024px){flex-direction:row-reverse;margin-left:auto;margin-bottom:auto;margin-right:auto;margin-top:auto;width:100%;max-width:1200px}}section.cloud{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px;padding:80px 32px;background:#111;h1{text-align:center;font-size:32px;line-height:38px;@media screen and (min-width:1024px){max-width:600px}}.content{width:100%;display:flex;flex-direction:column;gap:12px;@media screen and (min-width:1024px){max-width:800px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-row-gap:24px;row-gap:24px}p{color:#ddd;font-size:20px;font-weight:500;text-wrap:nowrap;min-width:0;&:nth-of-type(2n){text-align:right}@media screen and (min-width:1024px){&:nth-of-type(2n){text-align:left}}}.col{display:none;@media screen and (min-width:1024px){display:block}}}}section.experience{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px;padding:80px 32px;width:100%;max-width:1024px;margin:0 auto;.content{display:flex;flex-direction:column;gap:64px;width:100%;&>h1{font-size:32px;line-height:38px;font-weight:600}@media (min-width:1024px){&>h1{text-align:center}}ul.list{display:flex;flex-direction:column;gap:32px;li.item{display:flex;gap:32px;border-bottom:1px solid #444;padding-bottom:32px;img{width:64px;height:64px;object-fit:cover;border-radius:8px}.item-content{display:flex;flex-direction:column;gap:16px;h1{font-size:20px;font-weight:500}h2{font-weight:400}h2,p{font-size:16px}p{color:#aaa}}}}}}section.skills{width:100vw;overflow-x:hidden;display:flex;flex-direction:column;gap:64px;padding:80px 0;background:#111;.heading{display:flex;flex-direction:column;gap:24px;padding:0 32px;h1{font-size:32px;line-height:42px}h1,h2{text-align:center}h2{font-size:16px;font-weight:400;color:#aaa}}ul.list{display:flex;gap:24px;animation:infiniteCarousel 20s linear infinite;width:max-content;li.item{width:90px;height:90px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;flex-shrink:0;@media screen and (min-width:1024px){width:128px;height:128px;img{transform:scale(1.3)}}}}}@keyframes infiniteCarousel{0%{transform:translateX(0)}to{transform:translateX(-1425px)}}section.portfolio{width:100%;max-width:1024px;margin:auto;padding:80px 32px;display:flex;flex-direction:column;gap:64px;.heading{display:flex;flex-direction:column;gap:16px;h1{font-size:32px}h1,h2{text-align:center}h2{font-size:16px;font-weight:400;color:#aaa;max-width:600px;margin:auto}}>ul.list{display:flex;flex-direction:column;align-items:start;gap:24px;@media screen and (min-width:1024px){display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.portfolio-item{flex:1 1;width:100%;>li.item{display:flex;flex-direction:column;border:1px solid #333;border-radius:12px;overflow:hidden;@media screen and (min-width:1024px){height:100%}a.image{position:relative;width:100%;aspect-ratio:3/2;img{object-fit:cover}}.content{padding:24px 24px 16px;display:flex;flex-direction:column;gap:12px;@media screen and (min-width:1024px){gap:unset;flex:1 1;justify-content:space-between}h1{font-size:20px;font-weight:500}h2{font-size:16px;font-weight:400;color:#aaa}.details{padding-top:16px;ul.list{padding-left:20px;display:flex;flex-direction:column;gap:8px;li.item{list-style:disc;color:#ddd;font-size:14px}}}}}}}}footer.footer{width:100%;max-width:1200px;margin:auto;padding:64px 32px;display:flex;flex-direction:column;gap:24px;@media screen and (min-width:1024px){flex-direction:row;justify-content:space-between}.content{display:flex;flex-direction:column;gap:16px;@media screen and (min-width:1024px){&:last-child{flex-direction:column-reverse;align-items:flex-end}}}h1.logo{font-size:24px;font-weight:600}p.email,p.location{font-size:16px;color:#aaa}ul.list{display:flex;gap:32px;margin-top:16px}}