html{scrollbar-color:black white;scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}header{position:fixed;top:0;right:0;padding-top:1rem;height:4rem;font-size:1.1em;z-index:15}#btnBurger{display:none!important;padding:0;margin-right:1rem;background:none;border:none;font-size:1.8em;height:1.6em;width:1.6em;display:flex;align-items:center;justify-content:center;right:0;transition:.15s}header nav{position:relative}ul{padding-left:0;margin:0;list-style-type:none;display:flex}header ul{gap:1rem;padding:1rem 3rem 0 0;justify-content:flex-end;text-shadow:0 0 4px white}li a{display:block;padding:.6rem;transition:.17s}li,li:after{transition:.15s}li.liquidGlass:after{background:#ffffff12}li:hover{transform:scale(1.05)}header li:hover{transform:scale(1.05);box-shadow:0 0 8px 2px #00000096}header li:active{transform:scale(1)}header li:hover:after{background:#ffffff23}header li.glassLightMode:hover{box-shadow:1px 2px 3px -1px #00000045}header li.glassLightMode:hover:after{background:#ffffff93}a{text-decoration:none;color:#fff;filter:drop-shadow(0 0 2px rgb(0,0,0))}header li.glassLightMode a{color:#000;filter:none;filter:drop-shadow(0 0 2px white)}main{position:relative}#intro{height:98vh;display:flex;align-items:center;justify-content:center;color:#000;text-shadow:none}#titre{padding-bottom:2em}h1{font-family:Protest Revolution,sans-serif;font-size:4.7em;margin:2rem 1rem;text-align:center}h2{font-size:3.2em}h3{font-size:2.7em}#intro h2{filter:none;text-indent:-4rem;margin:1.5rem 0}section{height:103vh;position:relative;background-size:cover;background-position:center;color:#fff;text-shadow:0 0 10px black;font-size:1.1em;display:grid;grid-template-rows:21% 79%;overflow:hidden}section>h2{margin-left:5vw;padding-top:.3em;align-self:center;position:relative;width:fit-content}section h2,section h3,section p{filter:drop-shadow(0 0 4px rgba(0,0,0,.45))}section p{text-shadow:0 0 4px #00000080}section>h2:after{content:"";position:absolute;bottom:0;left:.5em;width:100%;height:1px;background-color:#fff;box-shadow:0 0 7px #000}section h3{padding-top:calc(.4rem + 2%);position:relative;width:fit-content}section h3:after{content:"";position:absolute;bottom:0;left:.5em;width:100%;height:1px;background-color:#fff;box-shadow:0 0 5px #000}#presentation article>*{margin:calc(.7rem + 2%) calc(2rem + 5%) 0 calc(2rem + 5%)}#presentation{background-image:url(../img/background/221425.jpg);background-color:#0014111f;background-blend-mode:color}#presentation:before{content:"";position:absolute;top:0;width:100%;height:2em;background:linear-gradient(180deg,#fff,#fff0)}#presentation:after{content:"";z-index:7;position:absolute;bottom:0;width:100%;height:3em;background:linear-gradient(0deg,#13001e 10%,#fff0)}#projets:before{content:"";z-index:7;position:absolute;top:0;width:100%;height:3em;background:linear-gradient(180deg,#13001e,#fff0)}#presentation>h2{font-family:Indie Flower,cursive}#presentationMain{height:100%}#carrousel{height:83%;position:relative;overflow-x:clip}#carrousel article{transition:.4s;animation-timing-function:ease-out;display:inline-block;height:100%}.articleFocus{position:absolute;z-index:5;width:60%;transform:translate(33%);transition:.35s ease-out}.articleFocus:after{background-color:#70cdff1f;background-image:linear-gradient(132deg,#00ccff54,#00ff9d4f 49%,#00ff2f40)!important;box-shadow:inset 1px 1px 8px 2px #b8ffef,inset -1px -2px 4px 1px #000000ad,0 0 12px 2px #00000075!important;background-blend-mode:hard-light}.articleFocus:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.articleRight:after,.articleLeft:after{background:#000000a6!important;background-image:linear-gradient(132deg,#00ccff4d,#0ee09045 49%,#49cf6236 99%,#000)!important;box-shadow:none!important;background-blend-mode:saturation}.articleRight:after,.articleLeft:after,.articleFocus:after{transition:.35s ease-out;will-change:transform,opacity}.articleRight:before,.articleLeft:before,.articleFocus:before{transition-delay:.25s;will-change:transform,opacity}.articleLeft,.articleRight{transition:.35s ease-out;text-shadow:none;color:#ffffffbd;position:absolute;width:60%}.articleRight{z-index:4;transform:translate(90%) perspective(100em) rotateY(71deg) scale(.65)}.articleLeft{z-index:3;transform:translate(-23%) perspective(100em) rotateY(-71deg) scale(.65)}.articleRight p,.articleLeft p{text-shadow:none;filter:none}#skills h4{margin-bottom:.7rem}#presentation h3{font-family:Indie Flower,cursive;margin-bottom:2rem}#presentation p{font-size:1.4rem}#passions{display:flex;flex-wrap:wrap;gap:2rem}.passion{display:flex;flex-direction:column;align-items:center}.passion img{height:4.5rem}#aboutMe p{margin-top:.9rem}#comp,#autres{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:0!important}.skill{width:fit-content;display:flex;flex-direction:column;align-items:center;margin:.5rem .4rem}.skill p,.passion p{padding-left:0!important;margin:.4rem 0}.skill svg,.skill img{height:3.5rem}#autres i{font-size:2.5rem}#presentation nav{margin:auto;font-size:2.7em;position:relative;transform:translateY(-30%)}#presentation nav:after,#presentation nav,#presentation nav:before{border-radius:1.1rem}#presentation ul{padding:.5rem}#presentation li{padding:0 .8rem;animation-timing-function:ease-out}@media(hover:hover)and (pointer:fine){#presentation li:hover{transform-origin:50% 100%;transform:scale(1.4)}ul:has(>li:hover)>.active{transform:scale(1)}}#presentation li:active{transform-origin:50% 100%;transform:scale(1.3)}.active{transform-origin:50% 100%;transform:scale(1.5)}.active:hover{transform:scale(1.6)}#presentation nav:after{background-color:#ffffff41;box-shadow:inset 3px 3px 6px #ffffff6b,0 0 .3em #000}#presentationMain>nav i{pointer-events:none}#projets:after{content:"";z-index:7;position:absolute;bottom:0;width:100%;height:3em;background:linear-gradient(0deg,#05001e 10%,#fff0)}#contact:before{content:"";z-index:7;position:absolute;top:0;width:100%;height:3em;background:linear-gradient(180deg,#05001e,#fff0)}#projets{background-image:url(../img/background/bg3.webp)}#projets h2,#projets h3{font-family:Expletus Sans,sans-serif}#carProjet{box-sizing:border-box;display:flex;height:82%;width:100vw;padding:1rem 3rem;gap:3em;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}#carProjet::-webkit-scrollbar{display:none}.projet{width:30em;display:grid;grid-template-rows:40% 1fr 4.3rem;flex-shrink:0}.projet:after{background:#2c003b2e;background:linear-gradient(136deg,#2c005e33,#2d003b33 41%,#430d5733 64%,#d014ff33);box-shadow:inset 1px 1px 3px 1px #f0bdff8f,0 0 7px 1px #00000075!important}#carProjet article>*{padding:1rem calc(1rem + 5%) 0 calc(1rem + 5%);box-sizing:border-box}.projEntete{display:flex;align-items:center}.projet p{margin-top:0}.projet h3{margin-top:0;margin-bottom:7%;padding-top:0}.projEntete>*{display:inline-block}.projEntete i{font-size:1.7rem;padding-left:2rem}.minia{height:calc(100% - 1.2rem);margin-top:1.2rem;width:calc(100% - (1rem + 5%));background-size:cover;background-position:center;border-radius:2.3rem;box-shadow:inset 0 0 20px 1px #19002bcf;justify-self:center}.loading{background-image:linear-gradient(90deg,#26005517,#32004799,#26005517);background-size:1000% 100%;min-height:1em;min-width:70%;border-radius:1rem;animation:bg-pan-left 6s infinite both}.loading:after{display:none}div.loading{margin:1.4rem 1.8rem 0;box-sizing:border-box;border-radius:inherit}p.loading{height:80%}@keyframes bg-pan-left{0%{background-position:100% 50%}to{background-position:0% 50%}}.projet a{padding:0 .8em!important;height:2.2em;width:fit-content;display:flex;align-items:center;margin-left:calc(1rem + 5%)}#projScroll,#projScroll:before,#projScroll:after{border-radius:2rem}.no-drag{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#projScroll{margin:1rem auto;font-size:1.6rem}#projScroll:after{background-color:#c144d91f;box-shadow:inset 1px 2px 4px #ed78ff78}#elements{display:flex;align-items:center;justify-content:center;padding:.4em 0;margin:0 .7rem;background:radial-gradient(circle at 0%,#ffddeb 35%,#1f0017 40%);-webkit-background-clip:text;background-clip:text;z-index:15}#line{position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 1.7rem);margin-left:calc(.7rem + 1px);height:.18em;display:inline-block;z-index:14;background:radial-gradient(circle at 0%,#ffddeb 35%,#1f0017 40%)}#projScroll i{padding-right:1rem;left:-3px;text-shadow:none;color:#ff00ae1c;width:fit-content}#elements i:last-of-type{padding-right:1px}.miniBar{position:relative;padding-left:1em;z-index:999;background:inherit}.bar{position:absolute;top:45%;transform:translateY(-50%);width:2em;height:.18em;background-color:#fff0;display:inline-block;z-index:900}#cursor,#cursor:before,#cursor:after{transition:border-radius .2s;transition:box-shadow .2s;border-radius:.7em}#cursor{transition:height .1s;left:.4em;width:1rem;height:1.5em;position:absolute;top:50%;transform:translateY(-50%);z-index:12}#cursor:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#cursor:after{background-color:#ffffff0e;box-shadow:inset 0 0 5px #fff}#projScroll:has(>#elements:hover) #cursor:before,.touched:before{border-radius:1.3em!important}#projScroll:has(>#elements:hover) #cursor,.touched{height:1.6em!important;border-radius:1.3em!important}#projScroll:has(>#elements:hover) #cursor:after,.touched:after{box-shadow:inset 0 0 .7rem 1px #fff!important;border-radius:1.3em!important}.notInFocus{background-color:gray;color:gray;z-index:1}#contact{background-image:url(../img/background/woman-8670414.jpg);background-color:#00031a14;background-blend-mode:hard-light}#contact h2{font-family:Nanum Brush Script,cursive;font-size:calc(4rem + 2vw);margin:0;padding:0;text-align:center;width:auto;bottom:-16px}#contact h2:after{content:none}#contact h3{font-size:2.2rem;margin:0 2rem 1rem;height:fit-content;align-self:center;padding-bottom:3px;align-self:flex-start}#contact i{font-size:4.5rem}#contactCards{display:flex;gap:2em;width:100%;height:75%;margin:0 auto;margin-bottom:1rem;align-self:center;justify-content:center;padding:1rem 0}#contactCards .liquidBtn{text-shadow:none}#contactCards .liquidGlassLarge{background:#00000012}#email{width:60%;display:flex;flex-direction:column;align-items:center}#mailLog{margin-top:0;margin-bottom:0;background-color:#ff686894;padding:5px;border-radius:.4rem;display:none}#email>h3{margin-left:calc(2rem + 1vw)}#email form{display:flex;box-sizing:border-box;flex-direction:column;width:80%;margin:auto;gap:.5rem;position:relative;height:100%;padding-bottom:2rem;padding-top:1rem}#email form .liquidBtn{background-color:#1c194746;box-shadow:0 1px 5px #ffffff42}#email form input{box-sizing:border-box;width:100%;text-shadow:0 0 5px black!important}#email form textarea{box-sizing:border-box;width:100%;height:100%;resize:none;transition-delay:50ms;text-shadow:0 0 5px black!important}#email form input,#email form textarea:is(:-webkit-autofill,:autofill){text-shadow:none!important}#sendMail{background:none;padding:0;border:none;position:absolute;height:fit-content;top:auto;bottom:3rem;right:1rem;transition:cubic-bezier(.33,.02,.35,.93) .2s}#sendMail:after{transition:cubic-bezier(.33,.02,.35,.93) .2s}#sendMail:hover{transform:scale(1.05)}#sendMail:hover:after{background-color:#ffffff1f;box-shadow:inset 1px 1px 2px #ffffffde,inset -1px -2px 3px 1px #3131314d,0 0 8px 1px #000000b3}#email button i{margin:.5rem;font-size:2.5rem}#email input::placeholder,textarea::placeholder{color:#fff;text-shadow:0 0 3px black}#reseaux{width:30%;display:flex;flex-direction:column;gap:2em}#reseaux>*{width:100%}#reseaux>*>*{margin:2rem}#reseaux>div:nth-of-type(1){height:60%}#social{display:flex;align-items:center;gap:.5rem}#reseaux>div:nth-of-type(1) a{transition:.15s ease-out;display:flex;flex-direction:column;align-items:center}#reseaux>div:nth-of-type(1) a:hover{filter:drop-shadow(0 0 10px rgba(0,0,0,.6))}#reseaux>div:nth-of-type(1)>a{display:flex;flex-direction:column;align-items:center;width:fit-content;gap:6px;margin:1rem 1rem 1rem 2rem}#reseaux>div:nth-of-type(2){height:40%}#reseaux>div:nth-of-type(2)>a{display:block;width:fit-content;padding-right:1.3rem;margin:0 1rem 1rem 2rem}#dlcv{display:flex;align-items:center}#dlcv p{margin:.6rem 0}@media screen and (max-height:670px){#carProjet article>*{padding:5px calc(1rem + 5%)}.projet{grid-template-rows:34% 1fr 3.5rem!important}}@media screen and (max-width:1439px){h1{font-size:4rem}h2{font-size:2.8rem}h3{font-size:2.5rem}#contact h3{font-size:2rem!important}}@media screen and (max-width:1024px){#reseaux>div:nth-of-type(2)>a{padding:5px}#dlcv{flex-direction:column;text-align:center}#reseaux i{font-size:3rem}#social{margin-top:0;margin-bottom:1rem}#presentation p{font-size:1.35rem}}@media screen and (max-width:1024px)and (orientation:landscape){#presentation p{font-size:1.1rem}}@media screen and (max-width:1200px){#contact h2{padding:6rem 0 1rem;width:100%;text-align:center}#presentation h3{padding-top:.7rem}.skill p{padding-left:.2rem!important}}@media screen and (max-width:768px){#btnBurger{display:block!important}header ul{display:none;flex-direction:column;align-items:flex-end;padding:1rem;position:absolute;top:0;right:0;gap:.7rem}header li a{font-size:1.3rem}h1{font-size:3.5rem;margin:1rem}h2{font-size:1.8em;margin:.8rem 0}h3{font-size:2rem}section{grid-template-rows:15% 85%}section p{font-size:1.25rem!important;margin-bottom:10px}#intro h2{text-indent:0}section>h2{padding-top:1rem}#presentation h3{padding-top:2vh;padding-left:.7rem}#presentation nav{font-size:2.5rem}#presentation ul{padding:.2rem}#presentation li{padding:0 .6rem;animation-timing-function:ease-out}#carProjet{padding:1rem;box-sizing:border-box;gap:3em;height:85%}.projet{width:calc(100vw - 2em);grid-template-rows:38% 1fr 3.5rem}.minia{height:calc(100% - .8rem);margin-top:.8rem;width:93%}.projet h3{margin-bottom:1.2rem}#contact{display:flex;flex-direction:column}#contact h2{padding:6rem 0 4rem!important;font-size:4rem;align-self:center}#contact h3{font-size:1.5rem!important;margin-bottom:.7rem;padding:11px 0}#contactCards{flex-direction:column;width:90%;gap:1rem;height:auto;align-self:initial;justify-content:initial;padding:0;flex-grow:4}#reseaux{flex-direction:row;width:100%;height:auto;gap:1rem}#reseaux>div{display:grid;grid-template-rows:31% 69%}#reseaux p{margin-bottom:0}#reseaux a{font-size:1rem}#reseaux>*{height:100%!important}#email{height:60%;width:100%}#email form{padding-top:.5rem}#reseaux>div:nth-of-type(2){width:fit-content}#reseaux>div:nth-of-type(2) h3{text-wrap:nowrap}#reseaux>div:nth-of-type(2)>a{padding:0;width:7rem}}@media(orientation:portrait)and (max-width:1024px),(min-resolution:200dpi),(max-width:768px){#carrousel article{transition:.3s}.articleRight:before,.articleLeft:before{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;transform:none;display:none}.articleRight:after,.articleLeft:after{border:1px solid rgba(0,0,0,.63);background-blend-mode:unset}#presentation nav i{filter:none}.articleFocus:after{box-shadow:inset 1px 1px 3px 1px #fff!important}}@media screen and (max-width:768px)and (max-height:770px){#skills h4{margin-top:.7rem}}@media screen and (max-width:540px){#carrousel{height:90%}.articleFocus{width:96%;transform:translate(2%)}.articleRight{transform:translate(55%) perspective(100em) rotateY(71deg) scale(.65);width:96%}.articleLeft{transform:translate(-50%) perspective(100em) rotateY(-71deg) scale(.65);width:96%}#passions{justify-content:space-around;gap:0}#reseaux>div:nth-of-type(2)>a{margin:auto}#reseaux>div:nth-of-type(2)>a{width:fit-content!important;padding:.3rem!important}#dlcv p{display:none}#email button i{font-size:2rem}#email{grid-template-rows:26% 74%}#contact h3{font-size:1.4rem!important}}@media screen and (max-width:400px){#contact h2{font-size:3rem!important;padding:5rem 0 2rem!important}#contact h3{font-size:1.1rem!important;margin-bottom:.4rem}#reseaux>*>*{margin:1.2rem}#presentation article>*{margin:1rem 1.3rem .8rem;text-shadow:0 0 4px #000000bf}.skill svg,.skill img{height:3rem}section p{font-size:1.1rem!important}}@media screen and (min-width:1440px){#presentationMain{width:80%;margin:auto}#projScroll{font-size:2rem}#contactCards{width:80%}#presentation h3{margin-bottom:3rem}#contact h2{align-self:end}}@media screen and (min-width:1920px){#contactCards{width:70%}}@media(orientation:landscape)and (max-height:721px){section{height:auto;min-height:101vh}#reseaux>div:nth-of-type(2)>a{width:fit-content!important;padding:.3rem!important}#dlcv p{display:none}#email button i{font-size:2rem}}.appear{animation:appear .3s both}.appear>.glassDarkMode{box-shadow:0 0 13px #000000b0}.rotate-out-2-ccw{animation:rotate-out-2-ccw .25s cubic-bezier(.25,.46,.45,.94) both}.Reverseappear{animation:reverse-appear .3s both}.Reverserotate-out-2-ccw{animation:reverse-rotate-out-2-ccw .25s cubic-bezier(.25,.46,.45,.94) both}.wobble-hor-bottom{animation:wobble-hor-bottom .8s both}@keyframes rotate-out-2-ccw{0%{transform:rotate(0);opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes appear{0%{right:-100%}60%{right:5px}90%{right:-1px}95%{right:1px}to{right:0}}@keyframes reverse-rotate-out-2-ccw{0%{transform:rotate(-45deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes reverse-appear{0%{right:0;opacity:1}to{right:-100%;opacity:0}}@keyframes wobble-hor-bottom{0%,to{transform:translate(0) scale(1.4)}15%{transform:translate(-15px) scale(1.4)}30%{transform:translate(7px) scale(1.4)}45%{transform:translate(-7px) scale(1.4)}60%{transform:translate(4px) scale(1.4)}75%{transform:translate(-3px) scale(1.4)}}@keyframes puff-in-right{0%{opacity:.2}to{opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(.37);transform:scale(.37)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes slide-in-right{0%{transform:translate(50vw)}to{transform:translate(0)}}@keyframes flip-in-hor-top{0%{-webkit-transform:translateY(20vh);transform:translateY(20vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes tracking-in-expand{0%{letter-spacing:-.25em;opacity:0}to{opacity:1}}