@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap);.headertop h1,.headertop span{text-transform:capitalize;opacity:0}.header .p1 p,.section1-inside{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif}.education h5,.section3 .titre h2{font-weight:400;text-align:center}.language-list,a,footer ul li{list-style:none}.card-button,.education a,a,footer ul li a{text-decoration:none}form button,form input{background:0 0;outline:0}@font-face{font-family:unicons;src:url('unicons.ttf') format('truetype');font-weight:400;font-style:normal}:root{--first-color:hsl(82, 60%, 28%);--text-color:hsl(0, 0%, 35%);--body-font:"Roboto";--h2-font-size:1.55rem;--small-font-size:.813rem}*,::after,::before{box-sizing:border-box;padding:0;margin:0}.top,.wrapper{margin-left:auto;margin-right:auto;opacity:0}body{background-image:url(../images/background3.png);background-size:100vw;background-repeat:no-repeat;background-color:#000;overflow-x:hidden;cursor:none;scroll-behavior:smooth;background-attachment:scroll}#main-content,.gradient-bg{display:none}.divseemore,.header,.headertop,.navbar,.p1,.row,.section1,.social-icons,.top,form,header{display:flex}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:linear-gradient(0deg,#acabb8,#5c5c7c);border-radius:10px}::selection{background-color:#676782;color:#fff}img{user-select:none}.circle{height:24px;width:24px;border-radius:24px;background-color:#000;position:fixed;top:0;left:0;pointer-events:none;z-index:99999999}.top{padding-top:10px;justify-content:space-between;align-items:center;width:50%;height:20px;animation:.4s ease-out 2s forwards apparition}.headertop,.navbar{justify-content:space-between}.sociaux{padding-top:2%}.sociaux img{padding:0 15px}.sociaux img:hover{transform:scale(1.2);transition:transform .5s}@keyframes apparition{from{opacity:0}to{opacity:1;transform:none}}.fondu{opacity:0;transition:opacity 2s ease-out}.fondu.visible{opacity:1}.wrapper{border-radius:1rem;overflow:hidden;height:5.5rem;width:20vw;background:var(--activeclr);box-shadow:rgba(65,65,71,.233) 0 5px 30px 0;margin-top:20px;transform:translateY(-40px);animation:.4s ease-out .9s forwards apparition}.navbar{height:4.5rem;background:#fff;padding:0 .75rem;transition:padding .3s}.headertop,.p1{align-items:center}.navbar:has(.navsearch.active){padding:0 .75rem}.navitem,.navsearch{position:relative;display:grid;place-content:center;width:4.5rem;text-align:center;color:#000;font-size:1.5rem;transition:width .3s,flex-grow .3s}.icons:hover{fill:#8181ad;transform:scale(1.4);transition:transform .4s ease-out}@-webkit-keyframes border-transform{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}.progress-wrap{position:fixed;right:40px;bottom:85px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);transition:.2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap ion-icon{transform:scale(.5);color:#f5f5f5;line-height:50px;text-align:center;position:absolute;left:0;top:0;height:50px;width:50px;display:block;z-index:1;transition:opacity .2s linear}.progress-wrap:hover ion-icon{opacity:.4}.progress-wrap svg{fill:none;position:absolute;top:0;left:0;width:100%;height:100%}.progress-wrap svg.progress-circle path{stroke:#5c5c7c;stroke-width:4;box-sizing:border-box;transition:.2s linear}header{height:auto;width:auto}.headertop{margin:3% 0 0 3%;width:95%}.headertop span{font-family:Roboto,sans-serif;font-size:23vh;background:linear-gradient(to right,#888792,#5c5c7c);-webkit-background-clip:text;color:transparent;display:inline-block;margin-bottom:60px;transform:translateX(-40px);animation:.4s ease-out .4s forwards apparition}.headertop h1{font-family:Lato,sans-serif;text-align:center;color:#fff;font-size:4.5vh;width:35%;transform:translateX(+40px);animation:.4s ease-out .7s forwards apparition}.headertop p{color:#fff}.header{width:90%;height:auto;margin:0 auto;justify-content:space-between;opacity:0;transform:translateY(+40px);animation:.4s ease-out 1.2s forwards apparition}.header .p1 p{padding:10px;font-size:1.03vw;color:#d6d6d6}.header .p1 p:hover{color:linear-gradient(to left,#888792,#5c5c7c)}.p1{height:300px}#flechebas{height:25vh;cursor:pointer}#flechebas:hover{transform:scale(1.2);transition:transform .6s}.section1{align-items:center;justify-content:space-evenly;margin:4% auto 0;width:80%;height:240px}.section1-inside{text-align:center;width:25%;color:#ffffffcc}.section1-inside img{width:60px;margin-bottom:20px}.check,.clock,.crosshair{opacity:0;transform:translateX(0);transition:transform 1s,opacity .7s ease-out}.section2{padding:2rem 1rem;background-color:rgba(255,255,255,.041);backdrop-filter:blur(10px);border-radius:1rem;margin:15rem auto;max-width:1200px;width:95%}.section2-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:1rem}.education,.languages,.skills,.tools{padding:1.5rem;border-radius:.8rem;background-color:rgba(255,255,255,.05);transition:transform .3s;font-family:Roboto}.education:hover,.languages:hover,.skills:hover,.tools:hover{transform:translateY(-5px)}.section2 h3{font-size:1.5rem;margin-bottom:1.5rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.skills-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem;justify-items:center}.skills-icons a{display:flex;align-items:center;justify-content:center;transition:transform .2s}.skills-icons img{width:40px;height:40px;filter:grayscale(20%);transition:.3s}.skills-icons a:hover img{transform:scale(1.2);filter:grayscale(0%)}.language-list{padding:0;display:flex;flex-direction:column;gap:1rem}.language-list li{display:flex;align-items:center;gap:1rem;color:#fff}.language-list img{width:24px;height:auto;border-radius:4px}.education h5{color:#fff;margin:.5rem 0;font-size:1rem}.education a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .2s}.education a:hover{border-color:#fff}.section3{position:relative;height:auto;width:100%;background-size:100%;background-repeat:no-repeat;margin-top:2rem}.titre{height:20%;width:80%;display:flex;margin:0 auto;align-items:center;border-top:2px solid #8181ad}.section3 .titre h2{color:#f5f5f5;margin:0 auto;font-family:Roboto;font-style:normal;font-size:5.5em}.purple-some{background:linear-gradient(to top,#888792,#5c5c7c);-webkit-background-clip:text;color:transparent}.purple-projects{background:linear-gradient(to bottom,#888792,#5c5c7c);-webkit-background-clip:text;color:transparent}.all-card-container{display:grid;place-items:center;margin-inline:1.5rem;padding-block:5rem;color:var(--text-color);font-family:Roboto}.card-container{display:flex;gap:6rem;width:75vw;flex-wrap:wrap;justify-content:center}.card-article{position:relative;overflow:hidden;box-shadow:rgba(220,220,223,.068) 0 48px 100px 0;border-radius:10px;border:1.5px solid #5c5c7c}.email-id,form{border-bottom:1px solid #f5f5f5}.card-img{display:block;max-width:100%;height:auto;object-fit:cover;border-radius:10px}.card-article:hover{box-shadow:0 8px 24px hsla(0,0%,55%,.163);transition:box-shadow .4s ease-out;animation:2s forwards remove-overflow}.card-img:hover{opacity:.5;transition:opacity .4s ease-out}.card-data{width:350px;background-color:#f5f5f5;padding:1.5rem 2rem;box-shadow:0 8px 24px hsla(0,0%,55%,.363);border-radius:1rem;position:absolute;bottom:-9rem;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 1s 1s}form input,hr{border:0}.card-description{display:block;font-size:var(--small-font-size);margin-bottom:.25rem}.card-title{font-size:var(--h2-font-size);font-weight:500;color:var(--text-color);margin-bottom:.75rem}.card-button{font-size:var(--small-font-size);font-weight:500;color:#5c5c7c}.clickMore,.col a,.email-id,footer,footer ul li a,form input{color:#f5f5f5}.card-button:hover{text-decoration:underline}.card-article:hover .card-data{animation:1s forwards show-data;opacity:1;transition:opacity .3s}.card-article:not(:hover){animation:2s forwards show-overflow}.card-article:not(:hover) .card-data{animation:1s forwards remove-data}@keyframes show-data{50%{transform:translate(-50%,-10rem)}100%{transform:translate(-50%,-7rem)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translate(-50%,-7rem)}50%{transform:translate(-50%,-10rem)}100%{transform:translate(-50%,.5rem)}}@keyframes show-overflow{0%{overflow:initial;pointer-events:none}50%{overflow:hidden}}@media screen and (max-width:340px){.containter{margin-inline:1rem}.card-data{width:250px;padding:1rem}}@media screen and (min-width:768px){.card-container{grid-template-columns:repeat(2,1fr);column-gap:1.5rem}}@media screen and (min-width:1120px){.container{height:100vh}.card-container{grid-template-columns:repeat(2,1fr)}.card-img{width:348px}.card-data{width:316px;padding-inline:2.5rem}}.divseemore{width:30vw;margin:0 auto;justify-content:center}.divseemore a{display:flex;justify-content:center;gap:20px}.clickMore{font-family:Lato;font-size:2em}.clickMore:hover{color:#5c5c7c;transition:color .5s ease-out}.divseemore img{margin-top:7px}footer{width:100vw;bottom:0;background:linear-gradient(180deg,#00000000,#5c5c7cb5);padding:100px 0 30px;font-size:13px;font-family:Roboto}.row{width:85%;margin:auto;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.col{flex-basis:25%;padding:10px}.col:nth-child(2),.col:nth-child(3){flex-basis:15%}.logo{width:80px;margin-bottom:30px}.col h3,.email-id{width:fit-content}.abtme{line-height:20px}.col h3{margin-bottom:40px}.col hr,form input{width:100%}.email-id{margin:20px 0}footer ul li{margin-bottom:12px}form{padding-bottom:15px;align-items:center;justify-content:space-between;margin-bottom:50px}form .envelope{font-size:18px;margin-right:10px}form button{border:0;cursor:pointer}form button .flechebutton{font-size:16px;color:#f5f5f5}.social-icons{width:110px;justify-content:space-between}hr{width:90%;border-bottom:1px solid #f5f5f5;margin:20px auto}.copyright{text-align:center;font-family:Arial,Helvetica,sans-serif}@media (max-width:1600px){.textcontainer{width:100%}.textcontainer h2{font-size:2rem}.texth2 span{font-size:2.3em}.section2 .resume{width:50%}.divseemore{width:50vw}.p2 p{font-size:1.1em}}@media (max-width:1440px){.section1{margin:15vh auto 0}}@media (max-width:1280px){.wrapper{width:25vw}.headertop span{font-size:14vh}.headertop h1{font-size:3vh}#flechebas{height:17vh}.p2 p{font-size:.8em!important}.section1-inside{width:20%}.textcontainer{width:100%}.textcontainer h2{font-size:1.5rem}.texth2 span{font-size:1.5em}.section2 .resume{width:50%}}#mobile-blocker{display:none;position:fixed;inset:0;background:#000;color:#fff;font-size:1.5rem;text-align:center;padding-top:50vh;z-index:9999}@media (max-width:1060px){body>:not(#mobile-blocker){display:none!important}#mobile-blocker{display:block}}