@keyframes gradient-color{0%{background-position:100% 100%}50%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes border-color{0%{border-color:#333}25%{border-color:#022835}50%{border-color:#067197}75%{border-color:#022835}to{border-color:#333}}@keyframes border-color-light{0%{border-color:#faf9f9}25%{border-color:#faf9f9}40%{border-color:#9fd7d7}50%{border-color:#9fd7d7}60%{border-color:#9fd7d7}75%{border-color:#faf9f9}to{border-color:#faf9f9}}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;line-height:1.4em;border-radius:8px;box-shadow:4px 8px 15px #333c;overflow:hidden;padding:1em;background-color:#e8e5e2;color:#333;height:100%;letter-spacing:.02em;box-sizing:border-box;margin:1em auto 2em;width:100%}.card .site-title{padding:.5em 0;width:100%}.card .site-title h2{margin:0;padding-bottom:.8em;font-size:1.8rem;font-weight:500;line-height:2.88rem}@media(max-width:1100px){.card .site-title h2{font-size:calc(1.8rem * 1.06)}}@media(max-width:1000px){.card .site-title h2{font-size:calc(1.8rem * 1.05)}}@media(max-width:900px){.card .site-title h2{font-size:1.836rem}}@media(max-width:800px){.card .site-title h2{font-size:1.8rem}}@media(max-width:768px){.card .site-title h2{font-size:calc(1.8rem * .92)}}@media(max-width:500px){.card .site-title h2{font-size:1.53rem}}.card .site-title h2{line-height:2.079rem}.card .site{display:grid;grid-template-columns:3fr 2fr;justify-items:stretch;gap:2em;padding:0;align-items:start;width:100%}@media(max-width:1000px){.card .site{grid-template-columns:1fr}}.card .site .presentation{display:flex;flex-direction:column;justify-content:stretch;align-items:start;gap:.2em}.card .site .presentation .description{font-size:1em;width:100%}.card .site .second-column{display:flex;flex-direction:column;justify-content:stretch;align-items:start;gap:.2em}.card h3{font-size:1.32rem;margin:0;width:100%;color:#067197;display:inline-flex;padding-bottom:.3em;border-bottom:5px solid #333}.card p{margin:0;padding:.5em 0 2em}.card .images{margin-top:1em;width:100%}.card .visuels-portfolio{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}.card .images-desktop-portfolio,.card .images-mobile-portfolio{position:relative;margin-top:2em}.card .images-desktop{width:30%!important}.card .images-mobile-portfolio{display:none}.card .ecran-ordi,.card .ecran-mobile{z-index:5!important;object-fit:contain}.card .ecran-ordi,.card .ecran-mobile{width:100%}.card .desk-scroll,.card .mob-scroll{position:absolute;overflow:hidden}.card .desk-scroll{top:3.49%;left:2.3%;height:67%;width:100%}.card .mob-scroll{top:3.2%;left:7.8%;height:91%;width:84%;border-radius:7%}.card .img-desktop img,.card .img-mobile img{position:absolute;object-fit:contain;width:100%;animation:scrollImage var(--animation-duration, 45s) linear infinite alternate}.card .img-desktop img{width:95.2%}.card .technologies{width:100%}.card .technologies h3{max-width:100%}.card .technologies .ecosystem-fieldset legend,.card .technologies .languages-fieldset legend{text-align:center;border-bottom:1px solid #333}.card .technologies .ecosystem-badges,.card .technologies .language-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}.card .technologies .ecosystem-badges img{height:2.07rem;border-radius:5px}.card .technologies .ecosystem-badges{gap:.5rem}.card .technologies .language-badges img{height:1.8rem;border-radius:5px}.card .technologies .language-badges{gap:.4rem}.card .card-footer{margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;background:none;width:100%;border-top:none}.card .footer-link-portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;border-top:1px ridge rgba(51,51,51,.7);padding-top:1.5em;width:100%}.card .visit-button{background-color:#067197;color:#faf9f9;text-decoration:none;padding:1.2em;text-align:center;font-size:1.26rem;font-weight:500;line-height:2.016rem}@media(max-width:1100px){.card .visit-button{font-size:calc(1.26rem * 1.06)}}@media(max-width:1000px){.card .visit-button{font-size:calc(1.26rem * 1.05)}}@media(max-width:900px){.card .visit-button{font-size:calc(1.26rem * 1.02)}}@media(max-width:800px){.card .visit-button{font-size:1.26rem}}@media(max-width:768px){.card .visit-button{font-size:1.1592rem}}@media(max-width:500px){.card .visit-button{font-size:1.071rem}}.card .visit-button{font-weight:600;box-sizing:border-box;box-shadow:inset -2px -4px 6px #333c,1px 2px 6px #333c}@media(max-width:768px){.card .visit-button{padding:1.5rem .8rem}}.card .card-footer .visit-button:hover{background-color:#333;color:#faf9f9}.card .card-footer img.svg-icon{width:100%;height:auto;transition:.3s}.card .card-footer img.svg-icon:hover{transform:translateY(1px)}@keyframes scrollImage{0%{top:0;transform:translateY(0)}20%{top:0;transform:translateY(0)}80%{top:100%;transform:translateY(-100%)}to{top:100%;transform:translateY(-100%)}}@media(max-width:768px){.card{width:95%;margin:1em auto}.technologies ul{grid-template-columns:repeat(2,1fr);column-gap:.5em}.card h2{font-size:1.5em}h3{font-size:1.1em!important}}@media(max-width:530px){.card .mob-scroll{height:90%}.card h2{font-size:1.3em}}@media(max-width:432px){.card .mob-scroll{height:89%}.card h2{font-size:1.1em}}