@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);a[data-v-11e971ca]{transition:all .1s ease-in}a path[data-v-11e971ca]{fill:#8892b0;transition:all .25s ease-in}a[data-v-11e971ca]:hover{transform:translateY(-3px)}a:hover path[data-v-11e971ca]{fill:#64ffda}a[data-v-27468fec]{transition:all .1s ease-in}a path[data-v-27468fec]{fill:#8892b0;transition:all .25s ease-in}a[data-v-27468fec]:hover{transform:translateY(-3px)}a:hover path[data-v-27468fec]{fill:#64ffda}a[data-v-86d0e8d2]{transition:all .1s ease-in}a path[data-v-86d0e8d2]{fill:#8892b0;transition:all .25s ease-in}a[data-v-86d0e8d2]:hover{transform:translateY(-3px)}a:hover path[data-v-86d0e8d2]{fill:#64ffda}.social[data-v-4a82177e]{position:fixed;display:flex;flex-direction:column;align-items:center;left:50px;bottom:0}.social .icon[data-v-4a82177e]{width:20px;margin-bottom:15px}.social .filet[data-v-4a82177e]{height:80px;width:1px;background:#8892b0}@media screen and (max-width:800px){.social[data-v-4a82177e]{display:none}}.fade-enter-active[data-v-39997f2c]{-webkit-animation:bounce-in-39997f2c .4s;animation:bounce-in-39997f2c .4s}.fade-leave-active[data-v-39997f2c]{animation:bounce-in-39997f2c .4s reverse}@-webkit-keyframes bounce-in-39997f2c{0%{transform:translateY(-100%)}}@keyframes bounce-in-39997f2c{0%{transform:translateY(-100%)}}.topbar[data-v-39997f2c]{background:#020c1b;position:fixed;width:100%;height:100px;display:flex;justify-content:flex-end;align-items:center;transition:all .3s ease-in-out;z-index:1000}.topbar .link[data-v-39997f2c]{position:relative;font-family:IBM Plex Mono,monospace;font-size:13px;color:#ccd6f6;text-decoration:none;margin:0 15px;transition:all .2s ease-in;cursor:pointer}.topbar .link[data-v-39997f2c]:hover{color:#64ffda;transform:translateX(3px)}.topbar .link[data-v-39997f2c]:hover:before{opacity:1}.topbar .link[data-v-39997f2c]:before{content:"/ ";color:#64ffda;opacity:0;transition:all .2s ease-in}.topbar .btn[data-v-39997f2c]{width:80px;height:35px;margin:0 20px}.detach[data-v-39997f2c]{background:rgba(10,25,47,.95);height:70px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #000}.topbarmini[data-v-39997f2c]{display:none;background:#020c1b;position:fixed;width:100%;height:100px;display:flex;justify-content:flex-end;align-items:center;transition:all .3s ease-in-out;z-index:1000}.topbarmini .link[data-v-39997f2c]{position:relative;font-family:IBM Plex Mono,monospace;font-size:13px;color:#ccd6f6;text-decoration:none;margin:0 15px;transition:all .2s ease-in;cursor:pointer}.topbarmini .link[data-v-39997f2c]:hover{color:#64ffda;transform:translateX(3px)}.topbarmini .link[data-v-39997f2c]:hover:before{opacity:1}.topbarmini .link[data-v-39997f2c]:before{content:"/ ";color:#64ffda;opacity:0;transition:all .2s ease-in}.topbarmini .btn[data-v-39997f2c]{width:80px;height:35px;margin:0 20px}@media screen and (max-width:660px){.topbar[data-v-39997f2c],.topbarmini[data-v-39997f2c]{display:none}}.base[data-v-3373b93a]{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh}p[data-v-3373b93a]{width:60%;text-align:justify}@media screen and (max-width:660px){.base[data-v-3373b93a]{margin-top:0}h2[data-v-3373b93a]{font-size:50px}p[data-v-3373b93a]{width:100%;text-align:justify}}.container[data-v-573044c4]{margin-top:200px;margin-bottom:20px;text-align:justify}.container h2[data-v-573044c4]{font-size:30px;color:#ccd6f6}.container h2[data-v-573044c4]:before{content:"/";color:#64ffda;font-size:25px;margin-right:25px}.container h2[data-v-573044c4]:after{content:"";display:inline-block;vertical-align:middle;width:30vw;height:.5px;background:#8892b0;margin-left:25px}.sloteur[data-v-573044c4]{display:flex;margin:0 auto}@media screen and (max-width:800px){.container[data-v-573044c4]{margin-top:0;margin-bottom:20px;text-align:justify}.container h2[data-v-573044c4]{font-size:20px;color:#ccd6f6;margin-top:50px}.container h2[data-v-573044c4]:before{content:"/";color:#64ffda;font-size:25px;margin-right:25px}.container h2[data-v-573044c4]:after{content:"";display:inline-block;vertical-align:middle;width:30vw;height:.5px;background:#8892b0;margin-left:25px}}[data-v-0a40657a]{color:#8892b0}body[data-v-0a40657a]{margin:0;padding:0;background:#020c1b}.container[data-v-0a40657a]{width:75vw;display:flex;margin:auto}@media screen and (max-width:800px){.container[data-v-0a40657a]{width:90vw}}h1[data-v-0a40657a]{font-family:IBM Plex Mono,monospace;font-size:15px;color:#64ffda;padding:0;margin:0;margin-bottom:15px}h2[data-v-0a40657a]{font-family:Lato,sans-serif;color:#8892b0;font-weight:900;font-size:60px;padding:0;margin:0;margin-bottom:15px}.big[data-v-0a40657a]{color:#ccd6f6;font-size:70px}p[data-v-0a40657a]{font-family:Lato,sans-serif;line-height:1.5}.Button[data-v-0a40657a]{display:flex;cursor:pointer;align-items:center;justify-content:center;max-width:160px;height:50px;border:1px solid #64ffda;border-radius:5px;color:#64ffda;font-family:IBM Plex Mono,monospace;font-size:13px;transition:all .25s ease-in;text-decoration:none;margin:25px 0 25px 0}.Button[data-v-0a40657a]:hover{background-color:rgba(100,255,218,.15)}@media screen and (max-width:600px){.Button[data-v-0a40657a]{margin:25px auto 25px auto;padding:0 25px 0 25px}}h1[data-v-0a40657a]{margin-top:25px}.listimg[data-v-0a40657a]{margin-bottom:15px;margin-top:-5px}.listimg img[data-v-0a40657a]{width:35px;margin-right:10px;transition:all .3s ease-in-out}.listimg img[data-v-0a40657a]:hover{transform:scale(1.3)}.link-a[data-v-0a40657a]{text-decoration:none;color:#64ffda;display:inline-block;position:relative}.link-a[data-v-0a40657a]:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;background:#64ffda;transition:width .3s ease 0s,left .3s ease 0s;width:0}.link-a[data-v-0a40657a]:hover:after{width:100%;left:0}.contentL[data-v-0a40657a]{margin-right:10px}.contentR[data-v-0a40657a]{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;margin-left:50px;margin-top:25px}.contentR .imgOverlay[data-v-0a40657a]{position:absolute;background:rgba(100,255,218,.5);-webkit-backdrop-filter:contrast(500%);backdrop-filter:contrast(500%);width:200px;height:200px;border-radius:8px;transition:opacity .4s ease-in-out}.contentR .imgOverlay[data-v-0a40657a]:hover{opacity:0}.contentR img[data-v-0a40657a]{width:200px;height:200px;border-radius:8px;color:rgba(100,255,218,.5)}@media screen and (max-width:800px){.contentL[data-v-0a40657a]{width:100%}.contentR[data-v-0a40657a]{display:none}}.fadein-enter-active[data-v-7dc06d65]{-webkit-animation:opa-7dc06d65 .3s;animation:opa-7dc06d65 .3s}@-webkit-keyframes opa-7dc06d65{0%{opacity:0}to{opacity:1}}@keyframes opa-7dc06d65{0%{opacity:0}to{opacity:1}}.con[data-v-7dc06d65]{width:100%;display:flex;flex-direction:columns;margin:auto}.link-a[data-v-7dc06d65]{text-decoration:none;color:#64ffda;display:inline-block;position:relative}.link-a[data-v-7dc06d65]:after{background:none repeat scroll 0 0 transparent;bottom:-2px;content:"";display:block;height:1px;left:50%;position:absolute;background:#64ffda;transition:width .3s ease 0s,left .3s ease 0s;width:0}.link-a[data-v-7dc06d65]:hover:after{width:100%;left:0}.contentL[data-v-7dc06d65]{display:flex;flex-direction:column;justify-content:space-around;width:200px;height:200px}.contentL a[data-v-7dc06d65]{font-family:IBM Plex Mono,monospace;font-size:14px;text-decoration:none;padding:0;margin:0;height:100%;padding-left:15px;padding-top:23px;transition:all .2s ease-in;color:#a8b2d1;cursor:pointer}.contentL .sel[data-v-7dc06d65],.contentL a[data-v-7dc06d65]:hover{background:#172a45;color:#64ffda}.contentR[data-v-7dc06d65]{padding:15px;width:70%}.contentR h2[data-v-7dc06d65]{font-size:20px;color:#ccd6f6;margin:0}.contentR h3[data-v-7dc06d65]{font-family:IBM Plex Mono,monospace;font-size:12px;margin-top:8px}.contentR p[data-v-7dc06d65]{font-size:15px;color:#a8b2d1}.contentR .base[data-v-7dc06d65]{display:flex}.contentR .base .sup[data-v-7dc06d65]{margin-right:20px;font-size:16px;font-family:IBM Plex Mono,monospace;color:#64ffda}@media screen and (max-width:660px){.con[data-v-7dc06d65]{flex-direction:column}.contentL[data-v-7dc06d65]{flex-direction:row;justify-content:space-around;width:100%;height:50px}.contentL a[data-v-7dc06d65]{width:100%;text-align:center;padding:0;padding-top:25px}.contentR[data-v-7dc06d65]{width:100%;padding:0;padding-top:40px}.contentR h2[data-v-7dc06d65]{font-size:15px;color:#ccd6f6;margin:0}.contentR h3[data-v-7dc06d65]{font-family:IBM Plex Mono,monospace;font-size:12px;margin-top:8px}.contentR p[data-v-7dc06d65]{margin-bottom:5px}}.box[data-v-5938e9e8]{position:fixed;width:100vw;height:100vh;left:0;right:0;top:0;bottom:0;z-index:5000;background:rgba(230,241,255,.9);overflow:hidden}.pop-enter-active[data-v-7b23a3e1]{-webkit-animation:bounce-in-7b23a3e1 .4s;animation:bounce-in-7b23a3e1 .4s}.pop-leave-active[data-v-7b23a3e1]{animation:bounce-in-7b23a3e1 .4s reverse}@-webkit-keyframes bounce-in-7b23a3e1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-in-7b23a3e1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.projectBox[data-v-7b23a3e1]{display:flex;position:relative;flex-direction:row;width:100%;height:350px;margin-bottom:70px}.projectBox .right[data-v-7b23a3e1]{align-self:center;width:100%;z-index:50}.projectBox .right .bottom[data-v-7b23a3e1]{width:75%;background:#172a45;padding:15px;border-radius:8px;box-shadow:3px 3px 3px rgba(2,12,27,.5);margin-top:30px;margin-bottom:30px}.projectBox .right .bottom p[data-v-7b23a3e1]{padding:0;margin:0}.projectBox .right .bottom h3[data-v-7b23a3e1]{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:0;color:#64ffda}.projectBox .left[data-v-7b23a3e1]{position:relative;cursor:pointer}.projectBox .left img[data-v-7b23a3e1]{position:absolute;right:0;height:100%;z-index:-20;border-radius:8px}.projectBox .left .imgOverlay[data-v-7b23a3e1]{position:absolute;background:rgba(100,255,218,.5);-webkit-backdrop-filter:contrast(500%);backdrop-filter:contrast(500%);width:560px;height:350px;right:0;border-radius:8px;transition:opacity .4s ease-in-out;z-index:1}.projectBox .left .imgOverlay[data-v-7b23a3e1]:hover{opacity:0}h1[data-v-7b23a3e1]{font-size:13px;margin:0}h2[data-v-7b23a3e1]{color:#ccd6f6;font-size:25px;margin-top:5px;cursor:pointer}@media screen and (max-width:1000px){.projectBox[data-v-7b23a3e1]{flex-direction:column;height:500px}.projectBox .right .bottom[data-v-7b23a3e1]{width:100%;padding:0;background:transparent}.left[data-v-7b23a3e1]{width:100%;height:350px}.left img[data-v-7b23a3e1]{width:100%;-o-object-fit:cover;object-fit:cover}.left .imgOverlay[data-v-7b23a3e1]{visibility:hidden}}.contain[data-v-1d5d5a05]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.boite[data-v-1d5d5a05]{margin-bottom:-100px;padding:0}.supp[data-v-1d5d5a05]{width:100%}.right[data-v-1d5d5a05]{text-align:right;margin-bottom:-40px}.imgOverlay[data-v-1d5d5a05]{position:absolute;background:rgba(100,255,218,.5);-webkit-backdrop-filter:contrast(500%);backdrop-filter:contrast(500%);width:50%;height:100%;border-radius:5px;transition:opacity .4s ease-in-out}.imgOverlay[data-v-1d5d5a05]:hover{opacity:0}h1[data-v-1d5d5a05]{font-size:13px;margin:0}h2[data-v-1d5d5a05]{color:#ccd6f6;font-size:25px;margin-top:5px}.tech[data-v-1d5d5a05]{width:50%;height:200px}.tech p[data-v-1d5d5a05]{font-family:IBM Plex Mono,monospace;font-size:12px;margin-top:5px;text-align:center}.box[data-v-1d5d5a05]{width:100%;display:flex;position:relative}.box .image[data-v-1d5d5a05]{width:100%;height:100%}.box .image img[data-v-1d5d5a05]{width:50%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.box .text[data-v-1d5d5a05]{width:70%;background:#172a45;position:absolute;right:0;top:20%;padding:15px;border-radius:5px;box-shadow:3px 3px 3px rgba(2,12,27,.5)}.box .text p[data-v-1d5d5a05]{margin:0;font-size:16px;color:#a8b2d1}@media screen and (max-width:700px){.right[data-v-1d5d5a05]{text-align:right;margin-bottom:0}h1[data-v-1d5d5a05],h2[data-v-1d5d5a05]{text-align:center}.box[data-v-1d5d5a05]{width:100%;display:flex;position:relative}.box .image[data-v-1d5d5a05]{width:100%;height:100%}.box .image img[data-v-1d5d5a05]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.box .text[data-v-1d5d5a05]{width:100%;position:absolute;background:transparent;box-shadow:0 0 0 transparent;padding:15px;top:0}.box .text p[data-v-1d5d5a05]{margin:0;font-size:17px;color:#0a192f;text-align:justify;margin-left:25px}.imgOverlay[data-v-1d5d5a05]{position:absolute;background:rgba(100,255,218,.95);-webkit-backdrop-filter:contrast(500%);backdrop-filter:contrast(500%);width:100%;height:100%;border-radius:5px;transition:opacity .4s ease-in-out}.imgOverlay[data-v-1d5d5a05]:hover{opacity:0}.tech[data-v-1d5d5a05]{width:100%;height:200px}.tech p[data-v-1d5d5a05]{font-family:IBM Plex Mono,monospace;font-size:12px;margin-top:5px;text-align:center}}.cont[data-v-27cd56a2]{position:relative;display:flex;height:50vh;flex-direction:column}.cont h3[data-v-27cd56a2]{position:absolute;bottom:3px;font-family:IBM Plex Mono,monospace;font-size:10px}.link-a[data-v-27cd56a2]{text-decoration:none;color:#64ffda;display:inline-block;position:relative}.link-a[data-v-27cd56a2]:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;background:#64ffda;transition:width .3s ease 0s,left .3s ease 0s;width:0}.link-a[data-v-27cd56a2]:hover:after{width:100%;left:0}*{color:#8892b0}body{margin:0;padding:0;background:#020c1b}.container{width:75vw;display:flex;margin:auto}@media screen and (max-width:800px){.container{width:90vw}}h1{font-family:IBM Plex Mono,monospace;font-size:15px;color:#64ffda}h1,h2{padding:0;margin:0;margin-bottom:15px}h2{font-family:Lato,sans-serif;color:#8892b0;font-weight:900;font-size:60px}.big{color:#ccd6f6;font-size:70px}p{font-family:Lato,sans-serif;line-height:1.5}.Button{display:flex;cursor:pointer;align-items:center;justify-content:center;max-width:160px;height:50px;border:1px solid #64ffda;border-radius:5px;color:#64ffda;font-family:IBM Plex Mono,monospace;font-size:13px;transition:all .25s ease-in;text-decoration:none;margin:25px 0 25px 0}.Button:hover{background-color:rgba(100,255,218,.15)}@media screen and (max-width:600px){.Button{margin:25px auto 25px auto;padding:0 25px 0 25px}}.upp{padding-top:10px}