#skills{min-height:100vh;scroll-margin-top:50px;position:relative}#skills h2{font-size:28px;font-weight:600;font-family:var(--font-geist-mono);letter-spacing:.5px;text-align:center;margin:0 0 32px;padding-top:200px}#skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:20px;max-width:100%;padding:20px 50px;display:grid}#skill-element{border-radius:12px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-width:300px;max-width:400px;padding:24px;transition:color .3s,transform .3s,box-shadow .3s;display:flex}#skill-image{flex-shrink:0;justify-content:center;align-items:center;max-width:30%;display:flex}#skill-image img{object-fit:contain;border-radius:16px;width:100%;max-width:160px;height:auto;max-height:160px}#skill-text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}#skill-element strong{font-family:var(--font-geist-mono);letter-spacing:.5px;white-space:normal;word-break:break-word;font-size:clamp(14px,1.3vw,20px)}#skill-element p{margin:0;font-size:clamp(11px,1vw,12px);line-height:1.4}#skill-element:hover{box-shadow:var(--shadow);cursor:pointer;transform:translateY(-5px)}#skill-element:active{box-shadow:var(--shadow-click);cursor:pointer;transform:translateY(5px)}@media screen and (max-width:775px){#skills-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}#skill-element{gap:12px;min-width:auto;max-width:100%;padding:16px}#skill-image img{max-width:40px;max-height:40px}#skill-element strong{font-size:14px}#skill-element p{font-size:11px}}@media screen and (max-width:500px){#skills-grid{grid-template-columns:repeat(2,1fr);padding:20px 10px}}
#experiences{min-height:100vh;margin-top:50px;padding:80px 50px;scroll-margin-top:50px;position:relative}#experiences h2{font-size:28px;font-weight:600;font-family:var(--font-geist-mono);letter-spacing:.5px;text-align:center;margin:0 0 32px}#experience-grid{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;display:flex}#experience-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-glass);cursor:pointer;background:#ffffff05;border-radius:18px;grid-template-rows:auto 0fr;gap:16px;padding:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:grid}#experience-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}#experience-card.expanded{box-shadow:var(--shadow);grid-template-rows:auto 1fr;transform:scale(1.02)}#experience-card-header{grid-template-columns:150px 1fr;align-items:center;gap:16px;display:grid}#Company-logo{justify-content:center;align-items:center;display:flex}#Company-logo img{object-fit:contain;border-radius:8px;max-width:150px;max-height:75px}#Company-name{font-family:var(--font-geist-mono);color:var(--text);font-size:22px;font-weight:600}#experience-details{opacity:0;pointer-events:none;max-height:0;transition:max-height .5s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}#experience-card.expanded #experience-details{opacity:1;pointer-events:auto;max-height:500px}#experience-details-content{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:16px;display:flex}#experience-row{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}#experience-labels{font-family:var(--font-geist-mono);color:var(--text-dim);flex:0 0 120px}#experience-content{font-family:var(--font-geist-mono);color:var(--text);flex:1}@media (max-width:768px){#experiences{padding:80px 24px}#experience-card-header{grid-template-columns:100px 1fr;gap:12px}#Company-logo img{max-width:100px}#experience-row{text-align:center;flex-direction:column;align-items:center}#experience-labels{display:none}}#experience-details-content{opacity:0;border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:16px;transition:opacity .5s cubic-bezier(.34,1.56,.64,1);display:flex}#experience-card.expanded #experience-details-content{opacity:1}
#about{z-index:50;padding-top:20px;scroll-margin-top:50px;position:relative}#about-content{flex-direction:column;justify-content:center;height:100%;padding:80px 40px 40px;display:flex}#about-coords{margin-bottom:32px}#infos{font-family:var(--font-geist-mono);flex-direction:column;margin-bottom:32px;line-height:1.4;display:flex}#infos-main{align-items:flex-start;gap:24px;display:flex}.coord-name{margin-left:0}.coord-age{margin-left:25px}.coord-phone{margin-left:40px}.coord-title,.coord-email{margin-left:50px}.coord-adress{margin-left:40px}.coord-postal{margin-left:25px}.coord-city{margin-left:0}#infos-socials{justify-content:center;gap:20px;margin-top:100px;display:flex;bottom:0}.social-link{color:var(--text);transition:color .3s,transform .3s}.social-link:hover{color:var(--text-hover);transform:scale(1.3)}.social-link:active{color:var(--text-hover);transform:scale(.95)}#infos img{object-fit:cover;width:400px;transform-style:preserve-3d;border-radius:50%;flex-shrink:0;margin-left:200px;margin-right:100px;transition:transform .3s,box-shadow .3s;background:0 0!important}#infos img:hover{box-shadow:var(--shadow);transform:translateY(-20px)scale(1.05)}#infos-main p{margin-top:12px;font-size:25px;transition:color .3s,transform .3s}#infos-main p:hover{color:var(--text-hover);transform:scale(1.05)}#infos-about{margin-top:30px;margin-left:5px}#infos-about-title{margin-left:115px;font-size:25px;font-weight:700}#infos-about-content{margin-top:20px;font-size:20px}#infos-bottom{align-items:flex-start;gap:24px;display:flex;position:relative}#contact-container{margin-left:auto;position:relative}#contact-button{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:6px;margin-top:25px;padding:8px 16px;font-size:larger;transition:all .3s;right:0}#contact-button:hover{background:#ffffff0a;transform:scale(1.1)}#contact-button:active{background:var(--background);color:var(--text);background:#ffffff1a;transition-duration:.1s;transform:scale(.95)}#contact-form{opacity:0;z-index:990;flex-direction:column;gap:12px;width:380px;margin-top:20px;transition:transform .5s,opacity .5s;display:flex;position:absolute;top:60px;right:0;transform:translate(100%)}#contact-form.active{opacity:1;transform:translate(0)}#email,#message{width:100%;font-family:var(--font-geist-mono);resize:vertical;z-index:20;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);background:#ffffff05;border-radius:10px;outline:none;padding:8px;font-size:16px;transition:transform .3s,box-shadow .3s,background .3s}#email:hover,#message:hover,#email:focus-within,#message:focus-within{box-shadow:var(--shadow-notdark);background:#ffffff0a;transform:scale(1.05)}#send-button{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-glass);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:6px;align-self:flex-start;gap:8px;margin-top:4px;margin-left:auto;padding:8px 16px;transition:all .3s;display:flex}#send-button:hover{background:#ffffff0a;transform:scale(1.1)}#send-button:active{background:var(--background);color:var(--text);background:#ffffff1a;transition-duration:.1s;transform:scale(.95)}#infos-bottom{margin-left:200px}@media screen and (max-width:1640px){#infos-main{position:relative}#contact-container{z-index:9999;width:auto;margin-top:20px;margin-left:0;position:absolute;top:100%;left:130px}#contact-form{width:350px;position:relative;top:0;left:0;right:auto;transform:translateY(0)}#infos-bottom{margin-top:80px;margin-left:10px;transition:margin-top .5s}#infos.show-form #infos-bottom{margin-top:360px}}@media screen and (max-width:1400px){#infos-main{position:relative}#contact-container{z-index:9999;justify-content:start;width:auto;margin-top:20px;margin-left:0;position:absolute;top:100%;left:130px}#contact-form{width:350px;position:relative;top:0;left:0;right:auto;transform:translateY(0)}#infos-bottom{margin-top:80px;margin-left:10px;transition:margin-top .5s}#infos.show-form #infos-bottom{margin-top:360px}}@media screen and (max-width:800px){#infos-main{flex-direction:column;align-items:center}#infos img{width:200px;margin-left:0;margin-right:0}#infos-about{margin-top:20px;margin-left:0}#infos-about-title{margin-left:0;font-size:20px}#infos-about-content{font-size:16px}#infos-coords{padding-left:16px;padding-right:16px}#infos-coords p{flex-direction:column;align-items:center;font-size:large;display:flex;margin-left:0!important}#infos.show-form #infos-bottom{margin-top:350px}#contact-container{width:calc(100vw - 32px);max-width:100%;margin-left:auto;margin-right:auto;font-size:small;left:0}#contact-form{opacity:0;visibility:hidden;pointer-events:none;width:100%;max-width:100%;margin-top:20px;transition:transform .5s,opacity .5s,visibility .5s;position:absolute;top:100%;left:0;right:auto;transform:translate(0)!important}#contact-form.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)!important}}