@font-face{font-family:neon;src:url("../police/neon.ttf");font-display:swap}@font-face{font-family:roboto-medium;src:url("../police/Roboto-Medium.ttf");font-display:swap}@font-face{font-family:roboto-regular;src:url("../police/Roboto-Regular.ttf");font-display:swap}body{font-size:12px;display:flex;flex-direction:column}html{scroll-behavior:smooth}h2{text-shadow:1px 1px 3px #0594d0,1px -1px 3px #0594d0,-1px -1px 3px #0594d0,-1px 1px 3px #0594d0}h1{margin:0;font-family:neon,sans-serif;font-size:3.5rem;color:#fb4264;text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 .4vw #fed128,.5vw .5vw .1vw #806914;color:#fed128;text-align:center}.animation-title-active{animation:neon 10s ease infinite;-moz-animation:neon 10s ease infinite;-webkit-animation:neon 10s ease infinite}@keyframes neon{20%,100%{text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 .4vw #fed128,.5vw .5vw .1vw #806914;color:#fed128}0%{text-shadow:0 0 .5vw #800e0b,0 0 1.5vw #800e0b,0 0 5vw #800e0b,0 0 5vw #800e0b,0 0 .2vw #800e0b,.5vw .5vw .1vw #40340a;color:#806914}}.sub-title{font-size:1.2rem;font-family:roboto-medium,sans-serif}header{margin:10px;display:flex;align-items:center;justify-content:space-between;min-height:8vh;background-color:#fff;border-radius:20px;box-shadow:5px 5px 10px #0594d0,5px -5px 10px #0594d0,-5px -5px 10px #0594d0,-5px 5px 10px #0594d0}.fake-right,.logo{flex:1}.fake-right{display:flex;justify-content:end}.fake-right a{display:flex;align-items:center;margin-right:20px;font-size:1.2rem}.fake-right a img{margin:0 5px}.logo{padding-left:50px}.logo img{border-radius:10px;box-shadow:5px 5px 5px rgba(0,0,0,.685)}nav ul{padding:0;display:flex;list-style:none}nav ul li{padding:0 5px}nav a,.fake-right a{text-decoration:none;font-family:roboto-regular,sans-serif;color:#000}.fake-right a span{transition:color .6s ease}.fake-right a:hover span{color:#fff;animation:glowPulse 1.5s infinite alternate}@keyframes glowPulse{from{text-shadow:0 0 4px #0594d0,0 0 8px #0594d0,0 0 12px #0594d0}to{text-shadow:0 0 8px #0594d0,0 0 16px #0594d0,0 0 24px #0594d0}}nav ul:hover li a:not(:hover){opacity:.8}.nav-number{text-align:end;font-size:.8rem;margin:0}.nav-menu{font-size:1.2rem;margin:0}button.burger{display:none;width:60px;height:30px;border:none;background:rgba(0,0,0,0);position:fixed;top:0%;left:5%;z-index:99;cursor:pointer;margin:50px}button.burger:focus{outline:none}button.burger.burger3:after,button.burger.burger3:before,button.burger.burger3 span{width:100%;height:4px;border-radius:100px;position:absolute;left:0px;background:#923cbe;transform:rotate(0deg);transition:all .4s}button.burger.burger3:after,button.burger.burger3:before{content:""}button.burger.burger3:after{top:0px;margin-top:0px}button.burger.burger3:before{bottom:0px;margin-bottom:0px}button.burger.burger3 span{top:50%;margin-top:-2px}button.burger.burger3.on:after{transform:rotate(135deg) translate(9px, -9px)}button.burger.burger3.on:before{transform:rotate(225deg);bottom:50%;margin-bottom:-2px}button.burger.burger3.on span{transform:rotate(135deg)}.home{background-image:url("../img/background-image.webp");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden}.home nav{display:flex;justify-content:center;transition:1s top ease-in-out}.home .transition-nav{position:absolute;top:-100px;left:0;width:100%;justify-content:center;z-index:99;background-color:#fff;box-shadow:5px 5px 10px #0594d0,-5px 5px 10px #0594d0}.home .fixed{position:fixed;top:0}.home .home-title{color:#fff;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width: 800px){header{position:absolute;visibility:hidden}nav{height:100%;width:100%}.home button.burger,.sub-project button.burger{display:block;visibility:visible}.active{width:50%;position:fixed;left:0;top:0;visibility:visible;height:100%;flex-direction:column;z-index:99}.logo{position:absolute;top:2%;right:8%}.nav-number{display:none}ul{flex-direction:column;margin-top:150px;width:100%}nav ul li{text-align:center;border-top:1px solid #1a191d;padding:0}li:last-child{border-bottom:1px solid #1a191d}ul li a{padding:20px 0;display:block;transition:1s background-color ease-in,.5s color linear}ul li a:hover{background-color:#1a191d;color:#fff}.fake-right a{margin-bottom:50px}}@media(max-width: 600px){.active{width:80%}button.burger{left:2%}h1{font-size:2.5rem}.sub-title{font-size:1rem;text-align:center}}.parcours{min-height:100vh;background-color:#1a191d;color:#fff;display:flex;flex-direction:column;justify-content:center}.parcours .parcours-title{padding:100px;text-align:center;font-size:1.6rem}.parcours .parcours-content{border:1px solid gray;display:flex;margin:0 10%;border-radius:20px;padding:0 10px}.parcours .parcours-text{text-indent:1rem}.parcours .parcours-text-span{font-size:2rem;margin:0 2px 0 0;text-shadow:1px 1px 3px #0594d0,1px -1px 3px #0594d0,-1px -1px 3px #0594d0,-1px 1px 3px #0594d0}.parcours .parcours-presentation{padding:10px 20px;font-size:1.2rem;max-width:50%}.parcours .parcours-stats{padding:4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.parcours .parcours-stat{display:flex;flex-wrap:wrap;padding:15px;width:40%}.parcours img{margin-bottom:4px}.parcours .parcours-stat-number{min-width:80%;text-indent:.2rem;font-size:1.8rem;margin:0;text-shadow:1px 1px 3px #fa1c16,1px -1px 3px #fa1c16,-1px -1px 3px #fa1c16,-1px 1px 3px #fa1c16;margin-bottom:10px}.parcours .parcours-stat-label{font-size:1.1rem;margin:0}.parcours .parcours-stat-plus{padding:5px;font-size:1.2rem;-webkit-text-stroke:1px}@media(max-width: 800px){.parcours .parcours-content{flex-wrap:wrap}.parcours .parcours-stat{width:50%}.parcours .parcours-stats{align-items:start}.parcours .parcours-presentation{min-width:90%;font-size:1rem}.parcours .parcours-stat-number{font-size:1.1rem;margin-bottom:5px;line-height:3rem;min-width:50%}.parcours #parcours-stat{display:none}}.expertise{position:relative;min-height:200vh;background-color:#1a191d;color:#fff}.expertise .expertise-title{padding:120px;text-align:center;font-size:1.6rem}.expertise .expertise-first-div{display:flex;justify-content:center;flex-wrap:nowrap;height:550px}.expertise .expertise-left-arrow{box-sizing:border-box;align-self:center;width:100%;height:400px;border-top:1px solid #fff;border-left:1px solid #fff;z-index:1}.expertise .expertise-right-arrow{box-sizing:border-box;align-self:end;width:100%;height:400px;border-top:1px solid #fff;border-right:1px solid #fff;z-index:1}.expertise .expertise-left,.expertise .expertise-right{box-sizing:border-box;align-self:end;width:10%;height:400px;position:relative;z-index:1}.expertise .expertise-left-arrow::after,.expertise .expertise-left-arrow::before{top:392px;left:1px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.expertise .expertise-right-arrow::after,.expertise .expertise-right-arrow::before{top:392px;left:100%;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.expertise .expertise-left-arrow:after,.expertise .expertise-right-arrow::after{border-color:rgba(136,183,213,0);border-top-color:#1a191d;border-width:7px;margin-left:-7px;z-index:-1}.expertise .expertise-left-arrow:before,.expertise .expertise-right-arrow:before{border-color:rgba(194,225,245,0);border-top-color:#fff;border-width:10px;margin-left:-10px;z-index:-1}.expertise .expertise-conception{max-width:35%;min-height:300px;border:1px solid #fff;align-self:start}.expertise .expertise-second-div{display:flex;justify-content:center;padding:8px}.expertise .expertise-web,.expertise .expertise-analysis{width:40%;min-height:300px;border:1px solid #fff}.expertise .expertise-div-sub-title{display:flex;justify-content:center;padding:10px}.expertise .expertise-div-sub-title div{display:flex;align-items:center;padding-right:30px}.expertise .expertise-div-sub-title h4{font-size:1.3rem}.expertise .expertise-analysis p,.expertise .expertise-conception p,.expertise .expertise-web p{font-size:1.2rem;padding:5px 15px 20px}.expertise .expertise-skills-text{margin:120px;display:flex;justify-content:center}.expertise .expertise-skills-text p{text-indent:1rem;text-align:justify;font-size:1.3rem;max-width:80%}.expertise .expertise-skills-text p span{font-size:2rem;margin:0 2px 0 0;text-shadow:1px 1px 3px #0594d0,1px -1px 3px #0594d0,-1px -1px 3px #0594d0,-1px 1px 3px #0594d0}.expertise .expertise-table{margin-top:50px;display:flex;justify-content:center}.expertise .expertise-table-col-first,.expertise .expertise-table-col-second,.expertise .expertise-table-col-third{width:20%;padding-bottom:20px}.expertise .expertise-table-label{padding:5px;text-align:center;font-size:1.2rem;border-bottom:1px solid #fff}.expertise .expertise-table-col-first,.expertise .expertise-table-col-second{border-right:1px solid #fff}.expertise .expertise-table-sub-label{padding:5px;font-size:1.1rem}.expertise .expertise-table-element{margin:5px;display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#000;background-color:#fff;border-radius:9999px;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.expertise .expertise-table-element:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 4px 8px rgba(0,0,0,.1)}@media(max-width: 800px){.expertise .expertise-first-div{height:auto}.expertise .expertise-conception{max-width:90%}.expertise .expertise-analysis,.expertise .expertise-web{width:90%}.expertise .expertise-left,.expertise .expertise-right{display:none}.expertise .expertise-second-div{flex-direction:column;align-items:center;padding:0}.expertise .expertise-skills-text{margin:10px}.expertise .expertise-skills-text p{font-size:1.1rem}.expertise .expertise-table-col-first,.expertise .expertise-table-col-second,.expertise .expertise-table-col-third{width:33%}.expertise .expertise-table-label{font-size:1rem}.expertise .expertise-table-sub-label{font-size:.9rem}}.expertise::before{content:" ";display:block;position:absolute;left:30%;top:40%;width:800px;height:300px;opacity:.2;background-image:url("../img/background-expertise.webp");background-size:cover;background-repeat:no-repeat;border-radius:10px}@media(max-width: 1200px){.expertise::before{left:10%;top:25%;width:80%;height:12%}}.project{background-color:#1a191d;min-height:300vh;color:#fff;padding:40px 0;position:relative}.project .project-title{padding:120px;text-align:center;font-size:1.6rem}.project .project-div-card{display:flex;flex-wrap:wrap;justify-content:center}.project .project-card{width:25%;margin:10px;border-radius:10px}.project .project-big-card{width:60%;margin:10px;border-radius:10px}.project .project-big-card a,.project .project-card a{display:flex;flex-direction:column;height:100%;justify-content:end;background-color:#201f23;text-decoration:none;text-align:center;font-size:1.1rem;color:#fff;border-radius:12px;overflow:hidden;box-shadow:2px 4px 5px #000}.project .project-big-card a:hover img,.project .project-card a:hover img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.project .project-big-card img,.project .project-card img{transition:.5s;z-index:1;height:100%}.project .project-line{width:90%;height:1px;border-top:1px solid rgba(245,245,245,.349)}.project .project-sub-card{min-height:20%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background-color:#201f23}.project .project-p{width:60%;margin:0}.project .project-tags{max-width:40%;padding-top:10px;display:flex;font-size:1rem}.project .project-tags p{margin:2%;padding:5px;border-radius:5px;background-color:#fff;color:#000}.project .project-div-details{z-index:9999;position:fixed;transform:scale(0);opacity:0;left:0;top:0;pointer-events:none;padding:2px;box-shadow:5px 5px 10px #0594d0,-5px 5px 10px #0594d0;font-size:1.2rem;color:#fff;background-color:#1a191d;border:1px solid #0594d0;border-radius:10px}.project .project-div-details p{border:2px solid #0594d0;padding:15px;border-radius:5px;margin:0}@media(max-width: 1200px){.project .project-div-card{flex-wrap:nowrap;flex-direction:column;align-items:center}.project .project-card{width:80%}.project .project-big-card{width:80%}.project .project-sub-card{height:50px}.project .project-tags{display:none}}@media(max-width: 450px){.project{min-height:250vh}}.contact{min-height:40vh;background-color:#0e0e0e;color:#fff;display:flex;flex-wrap:wrap;justify-content:center}.contact .contact-title{width:100%;text-align:center;font-size:1.6rem;margin:0}.contact .contact-div-icon{width:33.3333333333%}.contact .contact-div-icon a{padding:20px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#fff;font-size:1.6rem;transition:.2s}.contact a:hover{opacity:.8}.contact .contact-email{background-color:#10ba46}.contact .contact-linkedin{background-color:#0077b5}.contact .contact-github{background-color:#333}.contact .contact-legal{display:flex;flex-direction:column;align-items:center}.contact .contact-legal a{text-decoration:none;font-size:1rem;color:#fff}@media(max-width: 800px){.contact{flex-direction:column}.contact .contact-div-icon{width:100%}}.sub-project{position:relative;min-height:100vh;background-color:#1a191d;overflow:auto}.sub-project .sub-project-bold{font-weight:bold}.sub-project .sub-project-content,.sub-project .legal-content{padding:20px 15%}.sub-project img{max-width:100%}.sub-project .sub-project-div-img{margin:50px 0}.sub-project .sub-project-back{position:fixed;top:15%;left:2%;width:100px;height:60px}.sub-project .sub-project-back-span{position:absolute;top:45%;left:25%;width:50px;border-top:5px solid #fff;border-radius:10px;z-index:99;transition:1s all ease-in}.sub-project .sub-project-back-span::before{content:"";position:absolute;margin:-13px 0;display:inline-block;width:20px;height:20px;border-top:5px solid #fff;border-left:5px solid #fff;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);z-index:99;transition:1s all ease-in}.sub-project .sub-project-back:hover .sub-project-back-span{border-top:5px solid #1a191d}.sub-project .sub-project-back:hover .sub-project-back-span::before{border-top:5px solid #1a191d;border-left:5px solid #1a191d}.sub-project .sub-project-back:hover .sub-project-back-color{background-color:#fff;animation:progress 1s ease-out}.sub-project .sub-project-back-color{content:"";position:absolute;width:100%;height:100%;border-radius:50px}@keyframes progress{0%{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}.sub-project h1{margin:10px 0 100px 0}.sub-project .sub-project-line{height:0;width:80%;border-bottom:1px solid rgba(82,82,82,.925)}.sub-project .sub-project-paragraph{margin:40px 0}.sub-project .sub-project-type{color:#fff;font-family:roboto-medium,sans-serif;font-size:1.2rem}.sub-project .sub-project-description{color:#fff;font-family:roboto-regular,sans-serif;font-size:1.2rem;width:50%}@media(max-width: 800px){.sub-project .sub-project-description{width:80%}.sub-project ul{margin-top:20px}}.legal-content{color:#fff}.legal-content h3{padding:2.4rem;text-align:center;font-size:1.6rem}.legal-content h4{font-size:1.6rem}.legal-content p{font-size:1rem}.legal-content a{text-decoration:none;color:#0594d0}