@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Noto+Sans+Osmanya&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Shrikhand&display=swap";:root{scroll-behavior:smooth;--rx-background-1-dm: #11131f;--rx-background-2-dm: #141726;--rx-background-1-lm: #fdfdfe;--rx-background-2-lm: #f7f9ff;--rx-uicomponent-1-dm: #141726;--rx-uicomponent-2-dm: #141726;--rx-uicomponent-3-dm: #154467;--rx-uicomponent-1-lm: #edf2fe;--rx-uicomponent-2-lm: #e1e9ff;--rx-uicomponent-3-lm: #d2deff;--rx-border-1-dm: #304384;--rx-border-2-dm: #3a4f97;--rx-border-3-dm: #435db1;--rx-border-1-lm: #c1d0ff;--rx-border-2-lm: #abbdf9;--rx-border-3-lm: #8da4ef;--rx-solid-1-dm: #3e63dd;--rx-solid-2-dm: #5472e4;--rx-solid-1-lm: #3e63dd;--rx-solid-2-lm: #3358d4;--rx-text-1-dm: #9eb1ff;--rx-text-2-dm: #d6e1ff;--rx-text-1-lm: #3a5bc7;--rx-text-2-lm: #1f2d5c}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--rx-background-1-lm);--color-background-soft: var(--rx-background-2-lm);--ui-elem-background: var(--rx-uicomponent-1-lm);--ui-elem-background-hover: var(--rx-uicomponent-2-lm);--ui-elem-background-active: var(--rx-uicomponent-3-lm);--color-border-soft: var(--rx-border-1-lm);--color-border-focus: var(--rx-border-2-lm);--color-border-hover: var(--rx-border-3-lm);--solid-background: var(--rx-solid-1-lm);--solid-background-hover: var(--rx-solid-2-lm);--color-heading: var(--rx-text-2-lm);--color-text: var(--rx-text-2-lm);--white: #fff;--dark: #333;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--rx-background-1-dm);--color-background-soft: var(--rx-background-2-dm);--ui-elem-background: var(--rx-uicomponent-1-dm);--ui-elem-background-hover: var(--rx-uicomponent-2-dm);--ui-elem-background-active: var(--rx-uicomponent-3-dm);--color-border: var(--rx-border-2-dm);--color-border-soft: var(--rx-border-1-dm);--color-border-hover: var(--rx-border-3-dm);--solid-background: var(--rx-solid-1-dm);--solid-background-hover: var(--rx-solid-2-dm);--color-heading: var(--rx-text-2-dm);--color-text: var(--rx-text-1-dm)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}li{list-style-type:none}a{color:var(--color-text)}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Noto Sans Osmanya,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,nav{font-family:Audiowide,sans-serif;color:var(--color-heading)}h2{text-align:center}#contact,#skill,#project,footer{background:var(--color-background)}#app{max-width:1280px;margin:0 auto;font-weight:400}a{color:var(--color-text);text-decoration:none}.green{color:#00bd7e;transition:.4s;padding:3px}section{padding-bottom:var(--section-gap)}header[data-v-a86c59d9]{position:fixed;z-index:100;width:100vh}.nav[data-v-a86c59d9]{width:100%;z-index:1;height:50px;display:flex;justify-content:start;align-items:center;background-color:var(--solid-background);position:relative;border-radius:0 0 20px 20px}.nav-link[data-v-a86c59d9]{width:50px;color:var(--white);height:50px}.nav-item[data-v-a86c59d9]{position:relative;padding:15px}.nav-item[data-v-a86c59d9]:before{content:"";position:absolute;top:0;right:0;width:100%;height:50px;background-color:var(--solid-background-hover);transform:scaley(0);transform-origin:top;transition:transform .25s ease-in-out;z-index:-1}.nav-item[data-v-a86c59d9]:hover:before{transform:scaleX(1)}section[data-v-23c10c43]{display:grid;justify-items:center;gap:5px;height:100vh;padding:15px}section .myInfos[data-v-23c10c43]{align-self:start}section .myInfos .myName[data-v-23c10c43]{font-size:clamp(2rem,-1.5rem + 8vw,3rem)}section .myInfos .contactLinkList[data-v-23c10c43]{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}section .myInfos .contactLinkList .contactLink[data-v-23c10c43]{padding:5px 15px;border-radius:99px;box-shadow:2px 2px 5px #00000053}section .myPicture[data-v-23c10c43]{align-self:end;width:300px;height:300px;object-fit:cover}@media screen and (min-width: 700px){section[data-v-23c10c43]{grid-template-columns:2fr 1fr;align-items:center}section .myInfos[data-v-23c10c43]{align-self:auto;order:1}section .myPicture[data-v-23c10c43]{align-self:auto;order:2}}.btn[data-v-23c10c43]{display:inline-block;width:auto;padding:5px 10px;border-radius:5px;border:1px solid var(--color-border-soft);background-color:var(--color-background-soft);box-shadow:2px 2px 5px #0006;transition:transform .2s ease-in-out}.btn[data-v-23c10c43]:hover{transform:scale(1.05)}.btn[data-v-23c10c43]:last-child{background-color:var(--solid-background);color:var(--white)}.container[data-v-695c823c]{display:grid;grid-template-columns:1fr;gap:10px;padding:0 10px}.card[data-v-695c823c]{padding:15px;border-radius:5px;background-color:var(--color-background-soft);border:1px solid var(--color-border-soft)}.card[data-v-695c823c] .skillCategory[data-v-695c823c]{text-align:center}.card[data-v-695c823c] ul[data-v-695c823c]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.card[data-v-695c823c] .skill[data-v-695c823c]{display:block;width:70px;height:80px;aspect-ratio:1;margin:2px}.card[data-v-695c823c] .skill[data-v-695c823c] a[data-v-695c823c]{display:block;transition:transform .2s ease-in-out}.card[data-v-695c823c] .skill[data-v-695c823c] a[data-v-695c823c][data-v-695c823c]:hover{transform:scale(1.1);background:none}.card[data-v-695c823c] .skill[data-v-695c823c] img[data-v-695c823c]{width:100%;height:50px;object-fit:contain}@media screen and (min-width: 873px){.container[data-v-695c823c]{grid-template-columns:repeat(2,1fr)}}.container[data-v-8db47083]{display:grid;padding:0 10px;gap:10px}.container .card[data-v-8db47083]{display:grid;grid-template-rows:1fr;padding:15px;border-radius:5px;background-color:var(--color-background-soft);box-shadow:2px 2px 10px #00000060}.container .card-body[data-v-8db47083]{grid-column:1/3}.container .card .img-link[data-v-8db47083]{width:300px;height:300px;background-color:red;overflow:hidden;border:2px solid var(--color-border-soft);position:relative}.container .card .img-link[data-v-8db47083]:after{content:"Voir le projet";text-align:center;z-index:100;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#00000080;color:#fff;transition:opacity .25s ease-in-out}.container .card .img-link:hover .card-img-top[data-v-8db47083]{transform:scale(1.1)}.container .card .img-link[data-v-8db47083]:hover:after{opacity:1}.container .card-img-top[data-v-8db47083]{width:100%;aspect-ratio:1;object-position:top;object-fit:cover;transition:transform .25s ease-in-out}.container .card .tagList[data-v-8db47083]{display:grid;align-content:start;padding:5px;gap:5px}.container .card .tagList .tag[data-v-8db47083]{padding:0 10px;border-radius:5px;color:var(--white);background-color:var(--solid-background);text-transform:capitalize;cursor:default}.container .card[data-v-8db47083]:nth-child(2n){grid-template-columns:1fr 100px}.container .card:nth-child(2n) .tagList[data-v-8db47083]{grid-column:2/3;grid-row:1/2}.container .card[data-v-8db47083]:nth-child(odd){grid-template-columns:100px 1fr}.container .card:nth-child(odd) .tagList[data-v-8db47083]{grid-column:1/2;grid-row:1/2}.container .card:nth-child(odd) .img-link[data-v-8db47083]{justify-self:end}.paralax[data-v-8db47083]{width:100%;height:300px;display:grid;place-items:center}.paralax .btn[data-v-8db47083]{padding:5px 10px;border-radius:50px;border:1px solid var(--color-border-soft);background-color:var(--color-background-soft);box-shadow:2px 2px 5px #0006;transition:transform .2s ease-in-out}.paralax .btn[data-v-8db47083]:hover{transform:scale(1.05)}.paralax .btn[data-v-8db47083]:last-child{background-color:var(--solid-background);color:var(--white)}@media screen and (min-width: 768px){.container[data-v-8db47083]{gap:100px}.container .card[data-v-8db47083]{grid-template-rows:1fr 35px;position:relative;margin:0 30px;height:300px}.container .card .img-link[data-v-8db47083]{position:absolute;top:-80px;width:300px;height:300px;border-radius:5px;box-shadow:2px 2px 10px #00000060}.container .card .tagList[data-v-8db47083]{display:flex;justify-content:center}.container .card-body[data-v-8db47083]{flex-direction:column;align-items:flex-start}.container .card[data-v-8db47083]:nth-child(odd){grid-template-columns:1fr 300px}.container .card:nth-child(odd) .img-link[data-v-8db47083]{right:-20px;order:2}.container .card:nth-child(odd) .card-body[data-v-8db47083]{grid-column:1/2;order:1}.container .card:nth-child(odd) .btn[data-v-8db47083]{grid-column:2/3;order:4}.container .card:nth-child(odd) .tagList[data-v-8db47083]{display:flex;justify-content:center;grid-column:1/3;grid-row:2/3;order:3}.container .card[data-v-8db47083]:nth-child(2n){grid-template-columns:300px 1fr}.container .card:nth-child(2n) .img-link[data-v-8db47083]{left:-20px}.container .card:nth-child(2n) .card-body[data-v-8db47083]{grid-column:2/3;order:2}.container .card:nth-child(2n) .tagList[data-v-8db47083]{grid-column:1/3;grid-row:2/3;order:3}}@font-face{font-family:Quantom;src:local("Quantom"),url(src/assets/Fonts/Quantum.otf) format("opentype") tech(color-COLRv1),url(src/assets/Fonts/Quantum.otf) format("opentype")}.font-ohmyfood[data-v-8db47083]{font-family:Shrikhand,cursive}.font-foxivr[data-v-8db47083]{font-family:Quantom,cursive}.font-georgia[data-v-8db47083]{font-family:Nunito Sans,sans-serif;font-weight:bolder}.headskahe[data-v-7877fb5a]{background-color:red;animation:headshake-7877fb5a .1s cubic-bezier(.4,.1,.6,.9) 2}@keyframes headshake-7877fb5a{25%{transform:translate(5%)}75%{transform:translate(-5%)}}section[data-v-7877fb5a]{padding:15px}h2[data-v-7877fb5a]{grid-column:1/3}.contactText[data-v-7877fb5a]{margin:5px}form[data-v-7877fb5a]{display:grid;width:100%;padding:15px;border-radius:5px;background-color:var(--color-background-soft);gap:20px}form .name-group[data-v-7877fb5a],form .email-group[data-v-7877fb5a],form .msg-group[data-v-7877fb5a]{position:relative}form .name-group .errorMsg[data-v-7877fb5a],form .email-group .errorMsg[data-v-7877fb5a],form .msg-group .errorMsg[data-v-7877fb5a]{position:absolute;bottom:0;left:0;color:#dc143cbf}@media screen and (min-width: 700px){form[data-v-7877fb5a]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}form .name-group[data-v-7877fb5a]{grid-column:1/2}form .email-group[data-v-7877fb5a]{grid-column:1/2;grid-row:2/3}form .msg-group[data-v-7877fb5a]{grid-column:2/3;grid-row:1/3}form input[type=submit][data-v-7877fb5a]{grid-column:1/3;justify-self:center;align-self:start}}input[type=text][data-v-7877fb5a],[type=email][data-v-7877fb5a],textarea[data-v-7877fb5a]{width:100%;padding:12px;border:1px solid var(--color-border-soft);border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:none}textarea[data-v-7877fb5a]{height:155px}input[data-v-7877fb5a]:focus,textarea[data-v-7877fb5a]:focus{background-color:var(--ui-elem-background-active);outline:2px solid var(--color-border-soft)}input[type=submit][data-v-7877fb5a]{background-color:var(--solid-background);color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}input[type=submit][data-v-7877fb5a]:hover{background-color:var(--solid-background-hover)}.test{position:fixed;top:0;left:0;z-index:-1;background-position:fixed;width:100vw;height:100vh;background-color:#f5f5f5}.test .blob{position:absolute;opacity:.5;width:400px;left:50%;top:50%;aspect-ratio:1/1;animation:animate 15s cubic-bezier(.68,-.55,.27,1.55) infinite alternate forwards;filter:blur(15px);z-index:-1;background:linear-gradient(45deg,var(--color-border-soft),var(--color-border-hover))}@keyframes animate{0%{transform:translate(40%,-25%);border-radius:60% 40% 30% 70%/100% 85% 92% 74%}50%{transform:translateY(13%) rotate(41deg) scale(1.15);border-radius:20% 71% 47% 70%/81% 15% 22% 54%}to{transform:translate(45%,39%) rotate(-60deg) scale(1.5);border-radius:100% 75% 92% 74%/60% 80% 30% 70%}}a[data-v-dc6cd3cb]{display:grid;place-items:center}footer[data-v-dc6cd3cb]{display:flex;height:50px;justify-content:center;gap:10px}a[data-v-dc6cd3cb]{width:35px;height:35px;position:relative;border-radius:50%;border:1px solid var(--rx-border-1-lm);font-size:20px;transition:all .2s ease-in-out}a[data-v-dc6cd3cb]:after{content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ui-elem-background-hover);border-radius:50%;opacity:0}a[data-v-dc6cd3cb]:hover{transform:scale(1.1);box-shadow:2px 2px 5px #0000006f}a[data-v-dc6cd3cb]:hover:after{opacity:1}