@charset "UTF-8";@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}}.project-page{width:100%;padding:1rem 4rem}.project-page .div-center{margin:0!important}@media(max-width:1300px){.project-page{padding:1rem 3rem}}@media(max-width:1200px){.project-page{padding:1rem 2rem}}@media(max-width:900px){.project-page{padding:1rem 1.5rem}}@media(max-width:768px){.project-page{padding:1rem}}.card .realisations ul{padding-left:0;margin-bottom:.5em}.card .realisations ul li{list-style:none;position:relative;padding-left:3.3rem;padding-top:.5em}.card .realisations ul li:before{content:"★";position:absolute;left:1rem;top:.1rem;font-size:1.7rem;color:#067197}.card .realisations ul li:before{top:.5rem}.card .images{margin-top:1em;width:100%}.card .images .visuels{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}.card .images .images-desktop,.card .images .images-mobile{position:relative;margin-top:2em}.card .images .images-desktop{width:67%!important}.card .images .images-mobile{width:27%!important}.card .images .ecran-ordi,.card .images .ecran-mobile{z-index:5!important;object-fit:contain}.card .images .ecran-ordi,.card .images .ecran-mobile{width:100%}.card .images .desk-scroll,.card .images .mob-scroll{position:absolute;overflow:hidden}.card .images .desk-scroll{top:3.49%;left:2.3%;height:67%;width:100%}.card .images .mob-scroll{top:3.2%;left:7.8%;height:91%;width:84%;border-radius:7%}.card .images .img-desktop img,.card .images .img-mobile img{position:absolute;object-fit:contain;width:100%;animation:scrollImage var(--animation-duration, 45s) linear infinite alternate}.card .images .img-desktop img{width:95.2%}.card a.inline{display:inline!important}.card .div-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3em}.card .div-links a.visit-button{background-color:#067197;color:#faf9f9;text-decoration:none;padding:1.2em;text-align:center;font-weight:600;box-sizing:border-box;box-shadow:inset -2px -4px 6px #333c,1px 2px 6px #333c;transition:background-color .3s,color .3s}.card .div-links a.visit-button:hover{background-color:#333;color:#faf9f9}@media(max-width:700px){.card .div-links{flex-direction:column!important;gap:1rem}}.card .carrousel-wrapper{width:95%;aspect-ratio:15/9;display:flex;flex-direction:column;gap:0;justify-content:center;align-items:center;padding:1em;border-radius:2em;background-color:#faf9f9;margin-bottom:1.5em;box-shadow:4px 4px 14px #3339,-4px -4px 10px #fff9;position:relative}.card .carrousel-wrapper:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 4px 4px 10px #33333380,inset -4px -4px 10px #fff9,inset 4px -4px 10px #3333334d,inset -4px 4px 10px #ffffff4d;pointer-events:none}@media(max-width:768px){.card .carrousel-wrapper{width:99.5%;border-radius:1em}.card .carrousel-wrapper .carrousel{width:100%!important;border:.3em solid black}}.card .carrousel{width:98%;height:95%!important;display:flex;gap:1em;border:.6em solid black;background-color:#333;overflow:hidden}.card .carrousel-slot{flex:1;background-size:cover;background-position:center;transition:background-image 3s ease-in-out}.card .carrousel-slot:hover{filter:brightness(.9)}.card blockquote{font-style:italic;padding:.5rem 2rem;border-left:4px solid #726559;background:linear-gradient(50deg,#022835 0% 30%,#067197 50%,#022835 70% 100%);color:#faf9f9;max-width:fit-content;margin:.7em auto}.card blockquote cite{font-weight:600}.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-card{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5em;border-top:1px ridge rgba(51,51,51,.7);padding-top:1.5em;width:100%}.card .footer-link-card .visit-button{background-color:#067197;color:#faf9f9;text-decoration:none;padding:1.2em;text-align:center;font-weight:600;box-sizing:border-box;box-shadow:inset -2px -4px 6px #333c,1px 2px 6px #333c}.card .footer-link-card .card-footer img.svg-icon{width:100%;height:auto;transition:.3s}.card .footer-link-card .card-footer img.svg-icon:hover{transform:translateY(1px)}.card .footer-link-card a.github-button{width:2.1em;height:2.1em;border-radius:50%;position:relative;font-size:2.2em!important;margin:0;padding:0;overflow:hidden;box-shadow:inset -2px -4px 6px #333c,2px 2px 8px #333c;transition:.3s}@media(max-width:700px){.div-links{flex-direction:column!important}.div-links button.eve-button{margin:0!important}}@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:98%;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}}