.Header .header-mobile{position:fixed;display:block;width:100%;top:1rem;right:1rem;text-align:right;padding:.5rem 0}.Header .header-desktop{display:none}.Header .header-mobile-menu{position:fixed;display:flex;flex-direction:column;background:#ffffff1a;box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:0;padding:2rem;margin:.5rem;border-radius:1rem;gap:2rem;align-items:flex-start}.links__header{display:flex;justify-content:center;padding:.5rem 1rem}.hover{font-size:15px;transition:color .2s}.hover:hover{text-decoration:underline;color:#ff0;fill:#ff0}@media screen and (min-width: 661px){.Header{flex-direction:row;justify-content:center;align-items:center;padding:.5rem 1.5rem;border-radius:0 0 2rem 2rem;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10000}.Header .header-mobile{display:none}.Header .header-desktop{border-radius:2rem;background:#ffffff1a;box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;align-items:center;width:100%;padding:1rem;margin-top:.5rem}}.Language{display:flex;justify-content:flex-end;position:relative}.Language .language-btn{display:flex;align-items:center;width:8rem;background:#00000015;border:1px solid #fdf1b8;border-radius:5px;padding:.5rem 1rem;cursor:pointer;color:#fdf1b8}.Language .language-btn .language-icon{width:2rem;height:2rem;margin-right:.5rem}.Language .language-btn span{margin-right:.5rem}.Language .language-btn span.arrow{font-size:.8rem}.Language .language-menu{position:absolute;top:100%;right:0;background:#000000e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fdf1b8;border-radius:5px;box-shadow:0 4px 6px #0000001a;margin-top:.5rem;z-index:1000}.Language .language-menu .language-option{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer}.Language .language-menu .language-option:hover{border-radius:5px;background:#5b5a5a}.Language .language-menu .language-option .language-icon{width:20px;height:20px;margin-right:.5rem}@media (min-width: 661px){.Language{position:static;margin-left:auto;margin-right:0}.language-btn{display:flex;align-items:center;background:#00000015;border:1px solid #fdf1b8;border-radius:5px;padding:.5rem 1rem;cursor:pointer;color:#fdf1b8}.language-btn .language-icon{width:20px;height:20px;margin-right:.5rem}.language-btn span{margin-right:.5rem}.language-btn span.arrow{font-size:.8rem}}.Footer{width:100%;background:#0000001a;display:flex;justify-content:center;align-items:center;flex-direction:column}.Footer .footer__links{display:flex}.Footer .footer__links .linkedin__link,.Footer .footer__links .github__link{background-position:center;background-repeat:no-repeat}@media screen and (min-width: 300px){.Footer .footer__links{height:30px;gap:2rem}.Footer .footer__links div{width:30px;height:30px}.Footer .footer__links .linkedin__link{background-size:30px 30px}.Footer .footer__links .github__link{background-size:18px 18px}.Footer .foot p{font-size:10px}}@media screen and (min-width: 600px){.Footer{gap:1rem}.Footer .footer__links div{height:40px;width:40px}.Footer .footer__links .linkedin__link{background-size:45px 45px}.Footer .footer__links .github__link{background-size:30px 30px}.Footer .foot p{font-size:15px}}@media screen and (min-width: 1000px){.Footer{gap:2rem}.Footer .footer__links div{height:50px;width:50px}.Footer .footer__links .linkedin__link{background-size:60px 60px}.Footer .footer__links .github__link{background-size:40px 40px}.Footer .foot p{font-size:15px}}.Top .slide-up{animation:slideUp .7s ease-out}.Top .column{display:flex;flex-direction:column}.Top .gap-3{gap:3rem}@keyframes slideUp{0%{transform:translateY(20%)}to{transform:translateY(0)}}.Top .top__home--background{height:100vh;background-size:cover;background-attachment:fixed;overflow:hidden}.Top .top__home--background .top__home{height:100%;display:flex;flex-direction:column;justify-content:space-around}.Top .top__home--background .intro{display:flex;flex-direction:column;justify-content:space-around;width:70%;margin:0 auto;color:#fdf1b9;padding-top:6rem}.Top .top__home--background .intro h3 span{color:#fff300}.Top .top__home--background .intro h1{font-size:10rem}.Top .top__home--background .top__information{width:90%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.Top .top__home--background .top__information div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:#fdf1b9;font-size:1.3rem}.Top .top__home--background .color__svg--front,.Top .top__home--background .color__svg--back,.Top .top__home--background .color__svg--mobile,.Top .top__home--background .color__svg--anglais{fill:#fdf1b9}.Top .top__home--background .color__svg--front:hover{fill:#ff5733}.Top .top__home--background .color__svg--back:hover{fill:#00f}.Top .top__home--background .color__svg--mobile:hover{fill:#048b9a}.Top .top__home--background .color__svg--anglais:hover{fill:#83f52c}.Top .top__home--background .svg__size{height:7rem;width:7rem}.Top .infos{width:80%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr}.Top .infos .photo{gap:1rem;padding:50px 0 0 50px;display:flex;flex-direction:column}.Top .infos .description{grid-column:span 2}@media screen and (min-width: 300px){.Top .top__home--background{background-image:url(/images/mobile/milkyway-mobile.webp);gap:2rem}.Top .top__home--background .intro h2{font-size:1.6rem}.Top .top__home--background .intro h1{font-size:4rem;margin-top:5px}.Top .top__home--background .intro h3{font-size:1.3rem;margin-top:6px}.Top .top__home--background .top__information{grid-template-columns:1fr 1fr;gap:3rem}.Top .top__home--background .top__information div{gap:1rem}.Top .top__home--background .top__information div label{font-size:10px}.Top .top__home--background .top__information div .svg__size{width:30px;height:30px}.Top .infos .photo{grid-column:span 3;gap:10px;flex-direction:row;justify-content:space-around;padding:15px 0 0 15px}.Top .infos .photo .picture .profil{height:60px;width:60px;border-radius:50%}.Top .infos .photo h1{display:flex;align-items:center;font-size:10px}.Top .infos .photo h5{font-size:10px;display:flex;align-items:center}.Top .infos .description{padding:10px 0 0 10px;grid-column:span 3}.Top .infos .description h1{display:flex;justify-content:center;font-size:15px}.Top .infos .description h2{font-size:10px}}@media screen and (min-width: 660px){.Top .top__home--background{background-image:url(/images/desktop/space-desktop.webp);background-position:center;gap:8rem}.Top .top__home--background .intro h2{font-size:1.8rem}.Top .top__home--background .intro h3{font-size:2.2rem;margin-top:6px}.Top .top__home--background .intro h1{font-size:6rem}.Top .top__home--background .top__information{grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem}.Top .top__home--background .top__information div{gap:3rem}.Top .top__home--background .top__information div label{font-size:2.2rem}.Top .top__home--background .top__information div .svg__size{height:5rem;width:5rem}.Top .infos{padding:30px 30px 0;width:100%}.Top .infos .photo{flex-direction:column;grid-column:span 1}.Top .infos .photo .picture .profil{height:150px;width:150px}.Top .infos .photo h1{font-size:20px}.Top .infos .photo h5{font-size:16px}.Top .infos .description{grid-column:span 2}.Top .infos .description h1{font-size:20px}.Top .infos .description h2{font-size:16px}}@media screen and (min-width: 1290px){.Top .top__home--background{gap:10rem}.Top .top__home--background .intro h2{font-size:2.8rem}.Top .top__home--background .intro h3{font-size:2.5rem;margin-top:6px}.Top .top__home--background .intro h1{font-size:10rem}.Top .top__home--background .top__information{grid-template-columns:1fr 1fr 1fr 1fr;gap:5rem}.Top .top__home--background .top__information div{gap:5rem}.Top .top__home--background .top__information div label{font-size:2.7rem}.Top .top__home--background .top__information div .svg__size{height:7rem;width:7rem}}.Portfolio{position:relative;display:flex;flex-direction:column;width:90%;margin:0 auto;gap:2rem;padding:2rem;z-index:9999}.Portfolio .list{display:grid;grid-template-columns:1fr;gap:2rem}.Portfolio .show-more-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem auto 0;padding:1rem 2rem;background:#fdf1b9;border:1px solid #fdf1b8;border-radius:5px;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.Portfolio .show-more-btn:hover{background:#fff300}.Portfolio .show-more-btn img{width:1.5rem;height:1.5rem;transition:transform .3s ease}.Portfolio .show-more-btn .arrow-down{transform:rotate(180deg)}.Portfolio .show-more-btn .arrow-up{transform:rotate(0)}@media screen and (min-width: 661px){.Portfolio .list{grid-template-columns:repeat(3,1fr)}.Portfolio .show-more-btn{display:none}}.Card{width:100%}.Card .card{position:relative;width:100%;height:300px}.Card .card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:10px;filter:brightness(90%)}.Card .card>div{position:absolute;inset:0;box-shadow:0 0 20px #eee;border-radius:10px;background:linear-gradient(to bottom,#fff0,#0000004d);display:flex;padding:20px;flex-direction:column;justify-content:flex-end;align-items:center}.Card .card>div:hover{background:linear-gradient(to bottom,#ffffff1a,#0009)}.Card .card>div h2,.Card .card>div h5,.Card .card>div h7{color:#fdf1b9;font-family:Montserrat;font-weight:700;margin-bottom:.5rem}.Card .card>div h2{font-size:18px}.Card .card>div h5{font-size:12px}.Card .card>div h7{font-size:11px}.Skills{width:90%;margin:0 auto;padding:2rem;display:flex;gap:2rem;flex-wrap:wrap}.Skills .skills__card{flex:1;min-width:300px;display:flex;flex-direction:column;padding:2rem;gap:1.5rem;border-radius:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.Skills .skills__card h3{color:#fdf1b9;margin-bottom:1rem}.Skills .skills__card .skill__item{display:flex;flex-direction:column;gap:.5rem}.Skills .skills__card .skill__item h5{font-weight:600}.Skills .progress-bar{width:100%;background-color:#ffffff1a;border-radius:5px;overflow:hidden;height:1rem}.Skills .progress-bar .progress{height:1rem;border-radius:5px;transition:width .3s ease}@media screen and (max-width: 768px){.Skills{flex-direction:column}.Skills .skills__card{min-width:100%}}.main-icon{fill:#0a2f5c}.detail-icon{fill:currentColor;width:3rem;height:3rem}@media (min-width: 768px){.detail-icon{width:4rem;height:4rem}}@media (min-width: 1024px){.detail-icon{width:5rem;height:5rem}}.detail-icon--cellphone,.detail-icon--codesolid,.detail-icon--database,.detail-icon--seo{width:5rem;height:5rem}@media (min-width: 768px){.detail-icon--cellphone,.detail-icon--codesolid,.detail-icon--database,.detail-icon--seo{width:8rem;height:8rem}}@media (min-width: 1024px){.detail-icon--cellphone,.detail-icon--codesolid,.detail-icon--database,.detail-icon--seo{width:10rem;height:10rem}}.detail-icon--codesolid,.detail-icon--database,.detail-icon--seo,.detail-icon--hamburger,.detail-icon--skill,.detail-icon--portfolio,.detail-icon--contact{fill:#fdf1b9}.detail-icon--codesolid:hover{fill:#ff6b6b}.detail-icon--database:hover{fill:#61dafb}.detail-icon--seo:hover{fill:#393}.detail-icon--cellphone:hover{fill:#412370}.detail-icon--home{fill:#0a2f5c}.detail-icon--reacticon{fill:#61dafb}.detail-icon--starcompleted{fill:#ff9800}.detail-icon--starempty{fill:#757575}.detail-icon--uparrow{fill:#fdf1b9}.detail-icon--uparrow:hover{fill:#ff0}.detail-icon--x{fill:#212121}.detail-icon--uparrow,.detail-icon--hamburger,.detail-icon--skill,.detail-icon--portfolio,.detail-icon--contact{width:3rem;height:3rem}.detail-icon--linkedin{fill:#0077b5}.detail-icon--github{fill:#543987}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{line-height:1.5}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer}img{max-width:100%;height:auto}table{width:100%;border-collapse:collapse}body *{font-family:Montserrat}body{line-height:1.5;background-color:#03122a;color:#fdf1b9;font-family:Montserrat;position:relative}p,h1,h2,h3,h4,h5,h6,span,strong,em,small{cursor:default}.language-desktop{display:none;position:fixed;top:2rem;right:2rem}@media screen and (min-width: 661px){.language-desktop{display:block}}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}p{font-size:.95rem}@media (min-width: 768px){h1{font-size:2.2rem}h2{font-size:2rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}p{font-size:1.1rem}}@media (min-width: 1025px){h1{font-size:2.8rem}h2{font-size:2.6rem}h3{font-size:2.4rem}h4{font-size:2.2rem}h5{font-size:2rem}h6{font-size:1.8rem}p{font-size:1.6rem}}