@font-face{font-family:fira;src:url(/assets/FiraCode-Light.42b88c58.ttf)}@font-face{font-family:inter;src:url(/assets/InterstateMonoRegular.3ac5e226.ttf)}:root{--main-color: #0a192f;--light-navy: #112240;--main-color-light: #ccd6f6;--color-light: #a8b2d1;--color-light-2: #8892b0;--green-main: #64ffda;--ppSize: 300px;--ppMediumSize: 250px;--ppSmallSize: 200px;--ppRadius: 4px}*{margin:0;padding:0}html{scroll-padding-top:30px;scroll-behavior:smooth}body{background-color:var(--main-color);color:var(--color-light-2);font-family:inter;font-size:14px}a{text-decoration:none;color:var(--main-color-light)}ul{list-style:none}.numberH1{font-size:1.5rem;font-family:fira;color:var(--green-main)}.numberH2{font-size:1.2rem;font-family:fira;color:var(--green-main)}h1{font-size:1.7rem;font-family:inter}h2{font-size:1.2rem;font-family:inter}.title{position:relative;display:inline;color:var(--main-color-light)}.title:after{content:"";position:absolute;left:100%;top:50%;margin-left:20px;height:1px;background-color:var(--color-light-2)}.subtitle{margin:2rem 0 0 1rem;color:var(--main-color-light)}@media screen and (min-width: 900px){body{font-size:16px}}@media screen and (min-width: 768px){.title:after{width:300px}html{scroll-padding-top:50px}}@media screen and (min-width: 600px){.title:after{width:200px}}a{font-family:fira}body.no-scroll{overflow:hidden}.navbar{background-color:var(--main-color);color:var(--main-color-light);padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;height:80px}#logo{width:40px}#navliste{display:flex;position:fixed;top:0;right:-150%;width:100%;height:100%;background-color:var(--light-navy);padding:1rem;opacity:1;transition:right .3s ease-in-out,opacity .3s ease-in-out;z-index:1000;align-items:center;justify-content:center}#navliste.open{display:flex;flex-direction:column;gap:3rem;right:0}#navliste li{font-size:.9rem}#navliste.open>li{font-size:1.5rem}#navliste.closing{display:flex;flex-direction:column;gap:3rem}#navliste.closing>li{font-size:1.5rem}#navglobal{display:flex;align-items:center;justify-content:space-between;width:100%}#navglobal>li{display:flex;align-items:center}.numberList{color:var(--green-main)}.burger{display:flex;flex-direction:column;gap:5px;width:24px;height:16px;justify-content:space-between;cursor:pointer;z-index:1000}.burger{background:none;border:none;cursor:pointer;padding:0;z-index:1000;margin-bottom:12px}.burger-icon{color:var(--color-light);font-size:3rem}@media (min-width: 600px){#navliste.closing{display:flex;flex-direction:row;gap:1.5rem}#navliste.closing>li{font-size:.9rem}#navliste{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:static;width:auto;height:auto;background-color:transparent;padding:0;align-items:flex-start;justify-content:flex-start}.burger{display:none}}.presentation{padding:0 1.5rem;margin:3rem auto 7rem;max-width:1000px}.overlay{position:relative;display:flex;margin:auto}.overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:var(--ppMediumSize);height:var(--ppMediumSize);background-color:#64ffda;opacity:.3;border-radius:var(--ppRadius);pointer-events:none;transition:opacity .1s ease}.overlay:hover:before{opacity:0}.overlay:after{content:"";position:absolute;top:20px;left:20px;width:var(--ppMediumSize);height:var(--ppMediumSize);border:2px solid #64ffda;border-radius:var(--ppRadius);z-index:-1;box-sizing:border-box;transition:top .1s ease,left .1s ease}.overlay:hover:after{top:15px;left:15px}.pp{width:var(--ppMediumSize);height:var(--ppMediumSize);border-radius:var(--ppRadius)}.textImg{display:flex;flex-direction:column;margin:20px 0 0;gap:2.5rem}@media (min-width: 600px){.presentation{padding:0 3rem}}@media (min-width: 768px){.presentation{margin:150px auto}.overlay:hover:before{opacity:0}.textImg{flex-direction:row;justify-content:space-between;margin:20px 20px 20px 0}.overlay{margin:0}.pp{width:var(--ppSmallSize);height:var(--ppSmallSize)}.overlay:before{width:var(--ppSmallSize);height:var(--ppSmallSize)}.overlay:after{width:var(--ppSmallSize);height:var(--ppSmallSize)}.presentation{padding:0 7rem}}@media (min-width: 1024px){.pp{width:var(--ppSize);height:var(--ppSize)}.overlay:before{width:var(--ppSize);height:var(--ppSize)}.overlay:after{width:var(--ppSize);height:var(--ppSize)}.presentation{padding:0 10rem}}.social-list,.mail-list{display:none}@media (min-width: 768px){.icon{font-size:1.5rem;color:var(--color-light-2)}.icon:hover{color:var(--green-main)}.social-list,.mail-list{position:fixed;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;z-index:10}.social-list{bottom:0;left:0;margin:0 0 0 3rem}.mail-list{bottom:0;right:0;margin:0 3rem 0 0}.verticalLine{margin-top:1rem;width:1px;height:150px;background-color:var(--color-light-2)}}@keyframes glow{0%{box-shadow:0 0 1px gold}50%{box-shadow:0 0 10px gold}to{box-shadow:0 0 1px gold}}.projects{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%;height:auto;gap:1rem}.project{height:100%;width:100%;border-radius:var(--ppRadius);background-color:var(--light-navy);transition:transform .1s ease-in-out;font-family:Inter,sans-serif}.project:hover{transform:translateY(-8px)}.betProject{padding:1rem}.upProject{display:flex;justify-content:space-between;margin-bottom:2rem}.folder{color:var(--green-main);font-size:2.5rem}.links{color:var(--color-light-2);font-size:1.2rem}.links:hover{color:var(--green-main);cursor:pointer}.titleProject{color:var(--main-color-light);font-size:1.2rem;margin-bottom:1rem}.descriptionProject{color:var(--color-light-2);font-size:.875rem;margin-bottom:1rem}.highlighted-project{animation:glow 2s ease-in-out infinite}@media (min-width: 400px){.betProject{padding:2rem}.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.infoContact{margin-top:3rem}.buttonContact{background-color:#64ffda00;border:1px solid var(--green-main);color:var(--green-main);border-radius:5px;padding:1rem 2rem;font-size:1rem;font-family:inter;cursor:pointer;transition:all .3s ease-in-out}.buttonContact:hover{background-color:#64ffda33}.centerButton{display:flex;justify-content:center;margin:3rem 0}.reseau-list{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.reseau-list li a{font-size:1.5rem;color:var(--color-light-2)}.reseau li a:hover{color:var(--green-main)}@media screen and (min-width: 768px){.centerButton{margin:5rem 0 8rem}.reseau-list{display:none}}