@charset "UTF-8";:root{--color-white: #ffffff}.home{font-size:2rem}@media (min-width: 64em){.home{font-size:5rem}}.home__name{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.home__name_text,.home__name_text--2{color:#1e90ff;text-shadow:0 0 8px rgba(255,255,255,.5);font-weight:600}.home__button-container{display:flex;flex-direction:column;margin-top:2rem;gap:2rem}@media (min-width: 48em){.home__button-container{flex-direction:row;justify-content:center;margin-top:2rem;gap:3rem}}.home__skills{margin:1rem auto;max-width:80%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.home__skills img{cursor:pointer;width:3rem;height:auto}@media (min-width: 64em){.home__skills img{width:4rem}}.home__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#5adaff 0,#5468ff);border:0;border-radius:6px;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#3a416f80 0 -3px inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:3.5rem;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:2rem;padding-right:2rem;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:1.5rem}@media (min-width: 64em){.home__button{font-size:2rem;height:4rem}}.home__button:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset;transform:translateY(-2px)}.home__button:focus{box-shadow:#3c4fe0 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#3c4fe0 0 -3px inset}.home__button:active{box-shadow:#3c4fe0 0 3px 7px inset;transform:translateY(2px)}.about{width:90%;margin:0 auto;text-shadow:0 0 8px rgba(255,255,255,.5);font-weight:600;font-size:.9rem}@media (min-width: 48em){.about{width:90%;font-size:1.2rem}}@media (min-width: 64em){.about{font-size:1.2rem}}@media (min-width: 75em){.about{width:85%;font-size:1.3rem}}.about__container{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}@media (min-width: 64em){.about__container{flex-direction:row}}.about__image{width:18rem;filter:brightness(.9);transition:transform .5s linear;border-radius:50%}@media (min-width: 64em){.about__image{width:25rem}.about__image:hover{transform:translate(1rem)}}@media (min-width: 64em) and (min-width: 75em){.about__image{width:35rem}}.about__whatido{font-size:3rem;font-weight:600;color:var(--color-blue);text-shadow:0 0 8px rgba(255,255,255,.5);margin:1rem 0}.about__text{background-color:#fff6f600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-hyphens:auto;hyphens:auto;text-align:justify}.about__fullstack-container{margin-top:3rem;-webkit-hyphens:auto;hyphens:auto;text-align:justify;background-color:#fff6f600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about__fullstack-container p{padding-bottom:1rem}.about__fullstack-container-text{text-align:center;margin-bottom:1rem}h2{font-size:3rem;font-weight:600;color:var(--color-blue);text-shadow:0 0 8px rgba(255,255,255,.5)}@media (min-width: 64em){h2{font-size:5rem}}.contact__icon-container{display:flex;justify-content:center;align-items:center;gap:3rem;font-size:1.5rem;width:100%;padding:3rem 0;height:100%}@media (min-width: 48em){.contact__icon-container{font-size:2rem}}@media (min-width: 64em){.contact__icon-container{font-size:3rem}}:root{--color-blue: #1e90ff;--color-nav-blue: rgb(0, 207, 252)}.header__hamburgerMenu{position:absolute;right:5rem;top:1.5rem;width:2rem;height:2rem;z-index:2}@media (min-width: 64em){.header__hamburgerMenu{display:none}}.header__nav{background-color:var(--color-nav-blue);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;margin:0 auto;padding:6rem 0;animation:menu 2s ease-in-out}@media (min-width: 64em){.header__nav{position:relative;padding:0;background-color:transparent;animation-duration:1s}}@keyframes menu{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header__nav__ul-liste{align-items:center;list-style:none;padding:0}@media (min-width: 64em){.header__nav__ul-liste{display:flex;justify-content:end;margin-right:5rem;padding-top:1.5rem;padding-right:.3rem}}.header__nav__li-liste{font-size:1.5rem;font-weight:500}.header__nav__text{opacity:1;position:relative;cursor:pointer;display:inline-block;text-decoration:none;color:#000;transition:color .3s;margin-bottom:2rem;animation:menu-text 3s ease-in-out}@keyframes menu-text{0%{rotate:45deg;transform:translateY(-600%)}80%{rotate:5deg;transform:translateY(20px)}to{rotate:0deg;transform:translateY(0)}}@media (min-width: 64em){.header__nav__text{display:initial;padding:0;margin:1rem}.header__nav__text:hover{color:var(--color-blue)}.header__nav__text:hover:before{content:"";position:absolute;top:100%;left:0;width:100%;height:3rem;background:var(--color-blue);transform:perspective(1em) rotateX(40deg) scaleY(.35);filter:blur(1em);opacity:.7;z-index:1}}.header__nav__text:hover{color:var(--color-blue)}.header__nav__links{position:absolute;bottom:4rem;width:100%;display:flex;justify-content:space-evenly;align-items:center;font-size:1.5rem}.header__nav__links--button{cursor:pointer}.project{width:95%;margin:5rem auto}@media (min-width: 75em){.project{margin:10rem auto;width:75%}}.project h2{font-size:3rem;font-weight:600;color:var(--color-blue);text-shadow:0 0 8px rgba(255,255,255,.5);margin-bottom:5rem}@media (min-width: 64em){.project h2{font-size:5rem}}.project__container{display:grid;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:90%;margin:0 auto}@media (min-width: 48em){.project__container{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width: 75em){.project__container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}}.project__container-1,.project__container-2,.project__container-3,.project__container-4,.project__container-5,.project__container-6{background-color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;height:100%}.project__text{-webkit-hyphens:auto;hyphens:auto;text-align:justify;font-size:.9rem;padding-bottom:3.5rem}@media (min-width: 31em){.project__text{font-size:1rem}}.project__text-container{width:85%;margin:.5rem auto}.project__image{margin-top:1rem;width:14rem;filter:brightness(.9);transition:transform .5s linear}@media (min-width: 31em){.project__image{width:18rem}.project__image:hover{transform:scale(1.05);cursor:pointer}}@media (min-width: 64em){.project__image{width:18rem}.project__image:hover{transform:scale(1.1);cursor:pointer}}.project__button-container{display:flex;margin-left:-1.5rem;justify-content:space-around;font-size:1.5rem;gap:2rem}@media (min-width: 31em){.project__button-container{font-size:2rem}}.project .project__button-icon{position:absolute;bottom:1.5rem;font-size:2rem;color:var(--color-blue);transition:transform .5s linear}.project .project__button-icon:hover{transform:scale(1.3)}h2{margin-top:8rem}.skills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:2rem auto;max-width:80%;height:auto}.skills a{transition:transform .3s;text-decoration:none}.skills a:hover{transform:scale(1.3);-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--color-blue)}.skills__text{text-align:center}@media (min-width: 48em){.skills{margin:5rem auto;font-size:1.5rem}}img{cursor:pointer;width:3rem;height:auto}@media (min-width: 64em){img{width:4rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}html,body{scroll-behavior:smooth;width:100%;height:100%;margin:0;padding:0}body{margin:0;padding:0}.App{text-align:center}#particles canvas{z-index:-1;height:100%;width:100%;position:absolute}.home__arrow{display:flex;justify-content:center;align-items:center;position:fixed;bottom:1rem;right:1rem;z-index:99;cursor:pointer;width:2rem;height:2rem;border-radius:50%;padding:.2rem;background-color:var(--color-blue)}@media (min-width: 64em){.home__arrow{width:3rem;height:3rem;place-items:center}}.arrow{color:#fff;width:50%;height:50%;animation:arrow 2s infinite}@keyframes arrow{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}:root{--color-blue: #1e90ff}.dark-lightmode{position:absolute;right:2rem;top:1.5rem;z-index:99}@media (min-width: 64em){.dark-lightmode{position:fixed}}.light{color:#000;width:2rem;height:2rem}.dark{color:#fff;width:2rem;height:2rem}.theme-light,.theme-light a{color:#fff}.theme-light .project__container-1,.theme-light .project__container-2,.theme-light .project__container-3,.theme-light .project__container-4,.theme-light .project__container-5,.theme-light .project__container-6{background-color:#fff;color:#000}.theme-dark{color:#000}.theme-dark .project__container-1,.theme-dark .project__container-2,.theme-dark .project__container-3,.theme-dark .project__container-4,.theme-dark .project__container-5,.theme-dark .project__container-6{background-color:#000;color:#fff}.theme-dark .home__name_text,.theme-dark .home__name_text--2{text-shadow:0 0 3px rgba(52,60,77,.5)}.theme-dark a{color:#000}