.header-container{display:none}@media screen and (min-width: 1440px){.header-container{display:block;display:flex;align-items:center;width:100%;height:6vh;background-color:#998e73;padding:1rem}.header-container a{text-decoration:none;color:#fff;text-shadow:1px 1px black}.header-container a:hover{color:#fff}.ud-logo{width:auto;height:5vh;padding:.25rem}.header-logo{font-weight:700;font-size:large;height:10vh;width:50%;display:flex;align-items:center;color:#fff;text-shadow:1px 1px black;margin-left:1rem;cursor:pointer}.header-items{display:flex;justify-content:flex-end;list-style:none;color:#fff;margin:0;padding:0;width:50%;margin-right:1rem;cursor:pointer;text-decoration:none}.header-items li{margin-left:2%;font-size:large;font-family:Verdana,Geneva,Tahoma,sans-serif;cursor:pointer}.header-items li a{color:#fff;text-shadow:1px 1px black;text-decoration:none}.header-items li a:hover,.header-items li a:focus{color:#fff;text-shadow:1px 1px black;text-decoration:underline}}.footer-container{display:none}@media screen and (min-width: 1440px){.footer-container{position:fixed;bottom:0;left:0;width:100%;height:6vh;background-color:#998e73;display:flex;align-items:center;justify-content:space-between;padding:1rem;z-index:1000}.footer-name{font-size:x-large;width:50%;display:flex;align-items:center;color:#fff;text-shadow:1px 1px black;margin-left:1rem}.footer-items{display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0;width:50%;margin-right:2rem;cursor:pointer}.socials-logos{margin-left:2rem;width:28px;height:28px;font-size:25px;cursor:pointer;color:#fff;text-shadow:1px 1px black}*,*:before,*:after{box-sizing:border-box}}.app-container{display:flex;flex-direction:column;min-height:100vh}html,body{height:100%;margin:0}body{display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}.intro-page-container{position:relative;width:100%;height:100vh;overflow:hidden}.triangle-left,.triangle-right{position:absolute;width:100%;height:100%}.triangle-left{background-color:#998e73;clip-path:polygon(0 0,100% 100%,0 100%)}.triangle-right{background-color:#a6b7c1b3;clip-path:polygon(0 0,100% 0,100% 100%)}.spatial-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3}.btn-title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10}.intro-title{font-size:3rem;font-weight:150;color:#2e2d30;text-align:center;transition:transform .3s ease}.intro-title:hover{transform:scale(1.1)}.btn-see-more{padding:10px 20px;width:30%;background-color:#00000080;color:#dcdada;border:1px solid #2e2d30;cursor:pointer;text-align:center;border-radius:5px;transition:transform .3s ease}.btn-see-more:hover{transform:scale(1.2)}@media screen and (max-width: 768px){body{padding:0;margin:0;font-size:14px}.global-container{width:auto;background-color:#79909bb3;z-index:10;position:absolute}.line{display:none}.title-text-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.title-text-container h1{font-size:2em;letter-spacing:10px;font-family:monospace;display:flex;justify-content:center;text-align:center}.title-text-container h2{font-size:1.5em}.presentation-container{flex-direction:column}.presentation-bloc-icons,.presentation-bloc-about{width:auto;border:black solid .5px;box-shadow:1px 1px 1px gray;padding:4%;gap:.5rem;margin:5%;display:flex;justify-content:center;align-items:center;flex-direction:column}.lire-plus{width:30%;background-color:#b4c8d1b3;height:auto}.download-button-container{display:flex;justify-content:center;align-items:center}.download-cv-button{display:flex;justify-content:center;align-items:center;width:50%;height:5vh;background-color:#b4c8d1b3;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#493f3f}.download-cv{width:100%;text-decoration:none;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif}.presentation-bloc-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem}.container-icons-group{display:flex;flex-direction:row;margin:1rem;gap:2rem}.container-icons-group-front,.container-icons-group-back{display:flex;justify-content:center;align-items:center;flex-direction:column}.profile-picture{display:none}#projets{width:auto;border:black solid .5px;padding:4%;box-shadow:1px 1px 1px gray;margin:5%}.title-section-projet{display:flex;justify-content:center;align-items:center}.projects-container{flex-direction:column;width:100%}.project-wrapper{width:100%}.project-card{display:flex;justify-content:space-between;flex-direction:column;align-items:center;width:auto;padding:1rem;border:black solid .5px;box-shadow:1px 1px 1px gray;margin:2%;gap:.5rem}.project-thumbnail{height:20vh;width:auto;border:1px solid black}.project-content{width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.block-icons{display:flex;flex-direction:row}.project-icons-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.project-icons-container h3{margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;width:30%}.project-icons{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-evenly;gap:1%;margin:1rem;height:auto;width:70%}.project-icon-image{height:5vh;width:auto}.project-video{width:auto;height:10vh}.project-icon-tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.project-icon:hover .project-icon-tooltip{visibility:visible;opacity:1}.code-source-projet{width:auto;height:35px}.arrow-button{display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;width:100%}.arrow{width:auto;transition:transform .3s;margin:2%;padding:3px}.arrow.open{transform:rotate(180deg)}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem auto;width:auto;padding:1rem;border:black solid .5px;box-shadow:1px 1px 1px gray}.contact-title{font-size:x-large;font-weight:700}.contact-icons{display:flex;flex-direction:row;justify-content:center;gap:4%}.contact-logos{width:80px;height:80px;margin:1rem 0}.icons-group{flex-direction:column;gap:1rem}.icons-item{width:100%;justify-content:space-around}.icon-image{width:10vw}.arrow{width:10%}}@media screen and (min-width: 1440px){.global-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:78vh;background-color:#79909bb3;z-index:10;overflow:auto}.line{display:flex;justify-content:center;align-items:center;font-weight:700;color:#000}#presentation,#projets,#contact{flex:1;display:flex;justify-content:center;align-items:center}.picture-profile-container{width:100%}.picture-profile-container img{display:block}#presentation{display:flex;flex-direction:center;width:100%}.presentation-img-title{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.title-text-container h1{font-weight:500;font-size:3em;letter-spacing:10px;font-family:monospace}.title-text-container h2{font-size:2em}.presentation-container{display:flex;flex-direction:column;align-items:center;width:100%}.bloc-picture-about-container{display:flex;flex-direction:row;justify-content:center;margin-bottom:5rem}.profile-picture{display:flex;justify-content:center;margin-top:5rem;width:auto;height:30vh;box-shadow:4px 2px 2px gray;transition:transform .3s ease}.profile-picture:hover{transform:scale(1.15)}.presentation-bloc-about{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3%;margin-left:4rem;font-family:Verdana,Geneva,Tahoma,sans-serif}.lire-plus{width:6rem;background-color:#b4c8d1b3;height:2.5rem}.lire-plus:hover{transform:scale(1.05)}.presentation-bloc-about h3 i{border:1px 1px 1px black}.button-presentation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:1rem}.download-button-container{display:flex;justify-content:center;align-items:center}.download-cv-button{display:flex;align-items:center;width:30%;justify-content:center;height:5vh;background-color:#b4c8d1b3;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#493f3f}.download-cv{width:100%;text-decoration:none;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif}.presentation-bloc-icons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;border:black solid 1px;margin:1rem;padding:10px;box-shadow:4px 2px 2px gray}.container-icons-group{display:block;text-align:center;padding:1%;margin:1rem;width:100%}.container-icons-group-front{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto}.container-icons-group-back{display:flex;flex-direction:column;justify-content:center;align-self:center;width:auto}.title{font-size:large;text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700}.icons-group{display:flex;flex-direction:row;gap:2rem;width:100%}.icons-item{display:flex;flex-direction:row;align-items:center;gap:5%;width:30%;justify-content:center}.text-item{display:flex;justify-content:center;font-weight:700;width:100%;align-items:center;padding:0;margin:5% 0 0}.icon-image{width:2vw;height:auto;margin-top:.5rem}.about-title{font-weight:700}#projets{display:flex;justify-content:center;align-items:center;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;border:black solid 2px;width:90%;margin:2rem 2rem 5rem;box-shadow:4px 2px 2px gray;padding:1rem}.global-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.title-section-projet{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:xx-large;font-family:Verdana,Geneva,Tahoma,sans-serif}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.project-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;width:30%;padding:1rem}.project-card{border-radius:10%;border:solid 1px black;box-shadow:5px 5px 5px #000000b3;padding:1rem;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;width:100%}.project-thumbnail{max-width:100%;height:25vh;border:1px solid black}.project-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.title-project-card{font-family:Verdana,Geneva,Tahoma,sans-serif;border:solid 1px black;padding:2%;border-radius:5%}.video-and-icons{display:flex;justify-content:space-between;width:80%}.block-icons{display:flex;flex-direction:column;width:100%}.project-icons-container{display:flex;flex-direction:row;align-items:center}.project-icons-container h3{font-family:Verdana,Geneva,Tahoma,sans-serif;text-align:left;font-size:medium;width:20%}.project-icons{display:flex;flex-wrap:wrap;padding:5%;justify-content:center;width:80%}.project-icon{position:relative;padding:2%}.project-icon-image{max-width:40px}.project-icon-tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.project-icon:hover .project-icon-tooltip{visibility:visible;opacity:1}.project-video{max-width:100%;height:auto}.project-description{line-height:1.2}.code-source-projet{display:flex;justify-content:center;align-items:center;width:2.5vw;height:5vh;margin-top:1rem}.code-source-projet:hover{transform:scale(1.15)}.arrow-button{background:none;border:none;cursor:pointer}.arrow{width:15%;transition:transform .3s;margin-top:5%;padding:3px}.arrow.open{transform:rotate(180deg)}.project-video{border:2px solid #000}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700;box-shadow:4px 2px 2px gray;border:black solid 2px;margin:4rem;transition:transform .3s ease}#contact:hover{transform:scale(1.05)}.contact-title{font-size:large;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif}.contact-icons{display:flex;width:100%;justify-content:space-between;align-items:center;border:solid black 1px;margin:3rem}.contact-logos{display:flex;justify-content:space-between;width:100px;height:100px;padding:1rem;transition:filter .3s ease}.contact-logos:hover{transform:scale(1.15)}}html,body{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;background-image:url(/assets/background-color-wIYFhNj9.jpg)}#root{flex:1}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}