:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--couleur-principale: #3381c7}section{min-height:27em;padding-top:5em}body{background-color:#f8f9fa}html{font-size:120%;scroll-behavior:smooth}.presentation{width:50%;margin:0 1.5rem}img{object-fit:cover}.img-presentation{max-width:20em}.img-competence{max-width:5rem;margin:0 1rem;min-width:5em}.img-project{min-width:8em}.color-blue{color:var(--couleur-principale)!important;text-decoration:none}.nav-link.active{text-decoration:underline;text-underline-offset:5px}.background-blue{background-color:var(--couleur-principale)!important}.category-skill{width:48%}.scroll-to-top{position:fixed;bottom:20px;right:20px;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;box-shadow:0 2px 5px #0000001a;transition:background-color .3s}#projects div{min-height:6em}#contact form{min-height:25em}.card.collapsing,.card .collapse.show{width:100%!important}.lien-projet{color:#006dc2}@media(max-width:768px){.card .collapse.show{width:100%!important}.category-skill{width:100%}}@media only screen and (max-width:30em){.img-competence{max-width:5rem}}@media only screen and (max-width:60em){section div:not(.d-flex .flex-wrap){flex-direction:column!important}.img-presentation{display:none}html{font-size:100%}.presentation{width:100%}}.card-portfolio{width:18rem;background:linear-gradient(135deg,var(--couleur-principale) 0%,#66a8d8 100%);border:1px solid var(--couleur-principale);color:#fff;transition:transform .2s ease;cursor:pointer}.card-portfolio .accordion-button{background:transparent;box-shadow:none;height:8rem}.card-portfolio .accordion-button:after{filter:invert(1)}.accordion-item:not(.collapsed){width:100%}.card-portfolio:hover{transform:translateY(-5px)}.card-portfolio .card-body{background:transparent}.card-portfolio .project{width:18rem;background-color:#5fa1de}.card-portfolio .card-img-top{max-height:10em;object-fit:contain;width:100%}.project-page section{min-height:auto;padding-top:2rem}.project-page .card{border:solid 1px var(--couleur-principale)}.project-page .card-body{background:none;border-radius:0;font-size:1rem}.project-page .project-header{background:linear-gradient(135deg,var(--couleur-principale) 0%,#66a8d8 100%);border-radius:15px}.project-page .badge{background-color:var(--couleur-principale)}.project-page h3{color:var(--couleur-principale)}.project-page{background-color:#f8f9fa;min-height:100vh}