@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;text-decoration:none;list-style:none;font-family:DM Sans,sans-serif}:root{--title-general-color: #104d87;--title-perso-color: linear-gradient( 90deg, rgba(180, 58, 115, 1) 0%, rgba(252, 176, 69, 1) 100% );--black-color: #000000;--button-color: #d9d9d9;--orange-color: #a35829}.page{width:100vw;height:100vh}header{display:flex;align-items:center;justify-content:space-between;height:10%;padding-left:3rem;padding-right:3rem}.main{width:100%;height:90%}.stage{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.title p{font-size:3rem;text-align:center}.social{display:flex;justify-content:center;align-items:center;padding-left:2rem;padding-right:2rem;background-color:var(--button-color);height:5vh;font-size:2rem;gap:1rem;border:1px solid rgba(0,0,0,.25);border-radius:.5rem}.social a{color:var(--black-color);display:flex;justify-content:center;align-items:center}.FaLinkedin,.FaGithubSquare{opacity:25%;cursor:pointer}.FaLinkedin:hover{color:var(--title-general-color);opacity:100%}.FaGithubSquare:hover{color:var(--black-color);opacity:100%}@media (max-width: 1000px){header{gap:1rem;padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){header{gap:1rem;padding-left:1rem;padding-right:1rem}}.title-general{font-size:6rem;text-align:center;color:var(--title-general-color)}@media (max-width: 400px){.title-general{font-size:3.5rem}}.title-perso{font-size:6rem;background:var(--title-perso-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.title-perso-last{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:var(--black-color);color:var(--black-color);font-size:4rem;font-weight:400}@media (max-width: 400px){.title-perso,.title-perso-last{font-size:3rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.button:nth-child(1){animation-delay:0s}.button:nth-child(2){animation-delay:.5s}.button:nth-child(3){animation-delay:1s}.button:nth-child(4){animation-delay:1.5s}.button:nth-child(5){animation-delay:2s}.button:nth-child(6){animation-delay:2.5s}.button{font-size:1.5rem;position:absolute;padding:.5rem 1rem;background-color:var(--button-color);cursor:pointer;animation:float 3s ease-in-out infinite;border-radius:.5rem;text-align:center;-webkit-text-fill-color:var(--black-color);color:var(--black-color)}.btn-general{border:1px solid rgba(0,0,0,.25)}.btn-general:hover{border:1px solid rgba(0,0,0,.75)}.why-me{background:linear-gradient(var(--button-color),var(--button-color)) padding-box,linear-gradient(90deg,#b43a73,#fcb045) border-box;border:1px solid transparent;animation:none;position:static}.why-me:hover{border:1px solid transparent}.regard{top:12vh;left:25vw}.etat{top:12vh;right:25vw}.capacity{right:13vw}.employer{bottom:10vh;right:25vw}.transmission{bottom:15vh;left:27vw}.mastered{left:15vw}.btn-perso{border:1px solid var(--orange-color)}.study{position:static;border:1px solid var(--title-general-color);animation:none}.contact{top:7vh;left:28vw}.objectives{top:12vh;right:25vw}.portfolio{right:15vw}.values{right:22vw;bottom:10vh}.projects{left:23vw;bottom:16vh}.sport{left:17vw;top:36vh}.Cv{bottom:8vh}@media (max-width: 1000px){.regard{top:10vh;left:35vw;position:fixed}.etat{top:20vh;right:40vw;position:fixed}.capacity{right:40vw;top:30vh;position:fixed}.employer{right:35vw;bottom:5vh;position:fixed}.transmission{left:40vw;position:fixed}.mastered{left:40vw;bottom:25vh;position:fixed}.objectives{top:10vh;right:40vw;position:fixed}.portfolio{right:43vw;top:32vh;position:fixed}.contact{top:20vh;left:42vw;position:fixed}.sport{left:43vw;top:74vh;position:fixed}.Cv{bottom:28vh;position:fixed}.projects{left:42vw;bottom:13vh;position:fixed}.values{right:40vw;bottom:4vh;position:fixed}}@media (max-width: 480px){.regard{left:28vw;top:12vh}.etat{right:24vw}.capacity{right:23vw}.employer{right:21vw}.transmission{left:30vw;bottom:13vh}.mastered{left:30vw;bottom:20vh}.objectives{right:33vw;top:12vh}.contact{left:33vw;top:22vh}.portfolio{right:36vw}.sport{left:35vw}.projects{left:32vw;bottom:12vh}.values{right:31vw}.why-me{font-size:1rem}.study{font-size:.7rem}}.threads-container{background-color:#fff;position:absolute;width:100vw;height:99.5vh;z-index:-1000}.bg-modal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.container-modal{background:#fff;border-radius:1rem;padding:1.5rem;width:30vw;max-height:90vh;box-shadow:0 10px 40px #0003;position:relative;display:flex;flex-direction:column;gap:3rem;border:1px solid rgba(0,0,0,.6);text-align:center}.title-modal{font-size:2rem;position:relative;display:flex;justify-content:center;align-items:center}.close-btn{position:absolute;background:none;border:none;cursor:pointer;font-size:20px;top:0;right:0;-webkit-text-fill-color:var(--black-color);color:var(--black-color)}.text-modal{color:#222;font-size:1.5rem;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.cv-download,.mail-contact,.linkedin-contact{color:var(--black-color)}@media (max-width: 1600px){.container-modal{width:50%}}@media (max-width: 1000px){.container-modal{width:70%}}@media (max-width: 768px){.container-modal{width:80%}.text-modal{font-size:1.1rem}.title-modal{font-size:1.8rem}}