*{box-sizing:border-box;font-family:Clicker;margin:0;outline:none;padding:0;text-decoration:none}@font-face{font-family:c;src:url(/static/media/ClickerScript-Regular.be429aa79020941d218b.ttf)}@font-face{font-family:p;src:url(/static/media/Poppins-Black.d8b850b920a5ef49d752.ttf)}@font-face{font-family:p-regular;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}body{font-family:p,sans-serif;font-size:16px}:after,:before{box-sizing:border-box}li{list-style:none}.btm{background:#ec1839;border-radius:40px;color:#fff!important;display:inline-block;font-family:p-regular;font-size:16px;font-weight:500;padding:12px 35px;transition:all .3s ease}.btm:hover{transform:scale(1.05)}.hidden{display:none!important}.p-15{padding:0 15px}.show-dark{box-shadow:0 0 2px #393939}@media(max-width:900px){.btm{font-size:12px!important;padding:10px 20px!important}}@media(max-width:600px){.p-15{padding:0!important}}.aside{align-items:center;background:#222;border:1px solid #393939;display:flex;height:100%;justify-content:center;left:0;padding:30px;position:fixed;top:0;transition:.5s ease-in-out;width:270px;z-index:10}.activeMenu{left:0}.logo{position:absolute;top:50px}.logo,.logo a{font-size:30px}.logo a{color:#fff;font-family:p;font-weight:700;letter-spacing:1px;padding:15px 20px;position:relative}.logo a :before{border-bottom:5px solid #ec1839;border-left:5px solid #ec1839;bottom:0;left:0}.logo a :after,.logo a :before{content:"";height:30px;position:absolute;width:30px}.logo a :after{border-right:5px solid #ec1839;border-top:5px solid #ec1839;right:0;top:0}.logo a span{font-family:c;font-size:40px;text-transform:capitalize}.nav{margin-top:50px}.nav li{display:block;margin-bottom:30px}.nav li a{border-bottom:1px solid #393939;color:#fff;font-size:16px;font-weight:200;padding:5px 15px}.nav li a span{font-family:p-regular!important}.nav li a .margeicone{margin-right:15px!important}.nav .active{color:#ec1839!important}.nav-toggle{align-items:center;background:#222;border:1px solid #393939;border-radius:5px;cursor:pointer;cursor:point;display:none;flex-direction:column;height:40px;justify-content:space-evenly;position:fixed;right:30px;top:20px;width:45px;z-index:1000}.nav-toggle span{background:#ec1839;display:inline-block;height:2px;position:relative;width:50%}@media(max-width:1199px){.activeMenu{left:-270px!important}.nav-toggle{display:flex}}.section{background:#151515;display:block;margin-left:270px;min-height:100vh;padding:1rem 1rem 60px}.section-title{flex:0 0 100%;margin-bottom:60px}.section-title h2{color:#fff;font-family:p-regular;font-size:30px;font-weight:700;position:relative}.section-title h2:before{top:100%;width:70px}.section-title h2:after,.section-title h2:before{background:#ec1839;content:"";height:4px;left:0;position:absolute}.section-title h2:after{top:120%;width:35px}.row{display:flex;flex-wrap:wrap;position:relative}@media(max-width:1199px){.section{margin-left:0}.hello{display:inline-block}}.home{align-items:flex-end;color:#fff;justify-content:center;min-height:100vh}.home,.home .row{display:flex}.home .home-info{align-items:flex-start;display:flex;flex:0 0 60%;flex-direction:column;justify-content:center;max-width:60%}.home .home-info .hello{display:inline-block;font-family:p;font-size:28px;margin:15px 0 0}.home .home-info .hello span{color:#ec1839;display:inline-block;font-family:c;font-size:30px;font-weight:700}.home .home-info .my-profession{display:inline;font-family:p;font-size:30px;margin:15px 0}.home .home-info .my-profession .typing{color:#ec1839;display:inline-block;font-family:p;margin-left:10px}.home .home-info p{color:#e9e9e9;font-family:p-regular;font-size:20px;font-weight:"normal";margin-bottom:1.5rem}.home .home-info .home-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.home .home-info .home-buttons .btm{align-items:center;border-radius:30px;display:inline-flex;font-family:p-regular;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.home .home-info .home-buttons .btm svg{font-size:18px;position:relative;z-index:2}.home .home-info .home-buttons .btm:before{border-radius:50%;content:"";height:0;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:0}.home .home-info .home-buttons .btm:hover:before{height:300px;width:300px}.home .home-info .home-buttons .btm *{position:relative;z-index:2}.home .home-info .home-buttons .btn-primary{background:#ec1839;border:2px solid #ec1839;color:#fff}.home .home-info .home-buttons .btn-primary:before{background:#c1102b}.home .home-info .home-buttons .btn-primary:hover{box-shadow:0 10px 25px #ec183966;transform:translateY(-3px)}.home .home-info .home-buttons .btn-secondary{background:#0000;border:2px solid #ec1839;color:#ec1839}.home .home-info .home-buttons .btn-secondary:before{background:#ec1839}.home .home-info .home-buttons .btn-secondary:hover{box-shadow:0 10px 25px #ec18394d;color:#fff;transform:translateY(-3px)}.home .home-image{align-items:center;display:flex;flex:0 0 30%;justify-content:center;max-width:40%;padding:2rem;position:relative}.home .home-image img{border-radius:5px;height:400px}.home .home-image:before{border-bottom:10px solid #ec1839;border-right:10px solid #ec1839;bottom:0;right:0}.home .home-image:after,.home .home-image:before{content:"";height:80px;position:absolute;width:80px}.home .home-image:after{border-left:10px solid #ec1839;border-top:10px solid #ec1839;left:0;top:0}@media(max-width:800px){.home-reverse{flex-direction:column-reverse!important}.home-image{margin-top:1rem}.home-image,.home-info{flex:0 0 100%!important;max-width:100%!important}}.title{color:#fff;font-family:p;font-style:24px;font-weight:400}.about .about-content{flex:0 0 100%;max-width:100%}.about .about-text h3{color:#fff;font-family:p-regular;font-size:24px;font-weight:800;letter-spacing:.5px;margin-bottom:15px}.about .about-text h3 span{color:#ec1839;font-family:p}.about .about-text p{color:#e9e9e9;font-family:p-regular;font-size:14px;line-height:25px}.about .personal-info{flex:0 0 60%;letter-spacing:1px;margin-top:40px;max-width:60%}.about .personal-info .info-item{flex:0 0 50%;font-family:p-regular;max-width:50%}.about .personal-info .info-item p{border-bottom:1px solid #393939;color:#fff;font-family:p-regular;font-size:16px;font-weight:600;padding:10px 0;text-transform:capitalize}.about .personal-info .info-item span{color:#e9e9e9;display:inline-block;font-family:p-regular;font-weight:400;margin-left:4px}.about .personal-info .buttons{margin:30px 0}.about .personal-info .buttons .btm{margin:10px 15px}.about .skills{flex:0 0 100%;max-width:100%}.about .skills .row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.about .skills .row{grid-template-columns:1fr}}.about .skills .skill-category{background:#222;border:1px solid #393939;border-radius:20px;padding:5px;transition:all .3s ease}.about .skills .skill-category:hover{border-color:#ec1839;box-shadow:0 5px 20px #0003;transform:translateY(-3px)}.about .skills .skill-category .category-title{color:#ec1839;font-family:p-regular;font-size:18px;font-weight:700;letter-spacing:1.5px;margin-bottom:25px;padding-bottom:12px;position:relative;text-align:center;text-transform:uppercase}.about .skills .skill-category .category-title:after{background:linear-gradient(90deg,#0000,#ec1839,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.about .skills .skill-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.about .skills .skill-item{align-items:center;background:linear-gradient(#222,#222) padding-box,linear-gradient(135deg,#393939,#393939) border-box;border:2px solid #0000;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100px}.about .skills .skill-item:before{background:linear-gradient(135deg,#ec1839,#c1102b);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.about .skills .skill-item:after{background:#ec183933;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:0}.about .skills .skill-item:hover{border-color:#ec1839;box-shadow:0 15px 40px #ec18394d,0 5px 15px #0006;transform:translateY(-8px) scale(1.02)}.about .skills .skill-item:hover:before{opacity:.08}.about .skills .skill-item:hover:after{height:200px;width:200px}.about .skills .skill-item:hover .icone-skill{box-shadow:0 8px 25px #0006;transform:scale(1.15) rotate(8deg)}.about .skills .skill-item:hover .label-skill{color:#ec1839;transform:scale(1.01)}.about .skills .skill-item:hover .progress{transform:scaleX(1.05)}.about .skills .skill-item .label-skill{color:#fff;font-family:p-regular;font-size:.75rem;letter-spacing:.5px;margin-bottom:5px;text-align:center;text-transform:capitalize;transition:all .3s ease;z-index:1}.about .skills .skill-item .icone-skill{align-items:center;border-radius:50%;box-shadow:0 6px 20px #0000004d,inset 0 -2px 8px #0003;display:flex;font-size:2.2rem;height:40px;justify-content:center;margin:2px 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px;z-index:1}.about .skills .skill-item .icone-skill:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.about .skills .skill-item .progress{background:#393939;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;height:7px;margin-top:12px;overflow:hidden;position:relative;transition:transform .3s ease;width:95%;z-index:1}.about .skills .skill-item .progress-in{background:#ec1839;border-radius:12px;height:100%;left:0;position:absolute;top:0}.about .skills .skill-item .skill-pourcente{color:#fff;font-family:p-regular;font-weight:600;line-height:40px;position:absolute;right:0;top:-40px;z-index:1}.education,.experience{flex:0 0 50%;max-width:50%}.education .title,.experience .title{color:#fff;font-family:p;font-style:24px;font-weight:700;margin-top:30px}.education .timeline-box,.experience .timeline-box{flex:0 0 100%;max-width:100%}.education .timeline-box .timeline,.experience .timeline-box .timeline{background:#222;border:1px solid #393939;border-radius:10px;padding:30px 15px;position:relative;width:100%}.education .timeline-box .timeline :before,.experience .timeline-box .timeline :before{background:#ec1839;content:"";height:100%;left:7px;opacity:.1;position:absolute;top:0;width:1px}.education .timeline-box .timeline .timeline-item,.experience .timeline-box .timeline .timeline-item{padding-bottom:30px;padding-left:37px;position:relative}.education .timeline-box .timeline .timeline-item:last-child,.experience .timeline-box .timeline .timeline-item:last-child{padding-bottom:0!important}.education .timeline-box .circle-dot,.experience .timeline-box .circle-dot{background:#ec1839;border-radius:50%;height:15px;left:0;position:absolute;top:0;width:15px}.education .timeline-box .timeline-date,.experience .timeline-box .timeline-date{color:#ec1839;font-family:p-regular;font-size:13px;font-style:14px;font-weight:400;margin-bottom:3px}.education .timeline-box .timeline-date .fa,.experience .timeline-box .timeline-date .fa{margin:5px!important}.education .timeline-box .timeline-title,.experience .timeline-box .timeline-title{color:#fff;font-family:p-regular;font-size:16px;font-weight:700;text-transform:capitalize}.education .timeline-box .timeline-texte,.experience .timeline-box .timeline-texte{color:#e9e9e9;font-family:p-regular;font-size:12px;line-height:20px;text-align:justify}.education .timeline-box .timeline-map,.experience .timeline-box .timeline-map{font-style:oblique;margin-bottom:15px;text-decoration:underline}@media(max-width:990px){.education,.experience,.personal-info,.skills{flex:0 0 100%!important;max-width:100%!important}.info-item{flex:0 0 50%!important;max-width:50%!important}}@media(max-width:500px){.info-item{flex:0 0 100%!important;max-width:100%!important}}.service .service-item{flex:0 0 33.33%;margin-bottom:30px;max-width:33.33%}.service .service-item-inner{align-items:center;background:#222;border:1px solid #393939;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:30px 15px;transition:all .3 ease}.service .service-item-inner :hover{box-shadow:0 0 20px #39393926}.service .service-item-inner .icon{border-radius:50%;color:#ec1839;display:block;font-size:40px!important;height:60px;line-height:60px;margin:a auto 30px;text-align:center;transition:all .5s ease;width:60px}.service .service-item-inner .icon:hover{background:#ec1839;color:#fff;font-size:25px!important}.service .service-item-inner h4{color:#fff;font-family:p-regular;font-style:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.service .service-item-inner p{color:#e9e9e9;font-family:p-regular;font-size:12px;line-height:20px;text-align:center}@media(max-width:990px){.service-item{flex:0 0 50%!important;max-width:50%!important}}@media(max-width:600px){.service-item{flex:0 0 100%!important;max-width:100%!important}}.portfolio .portfolio-heading{flex:0 0 100%;margin-bottom:40px;max-width:100%}.portfolio .portfolio-heading h2{color:#fff;font-family:p-regular;font-weight:500}.each-project{border:1px solid #393939;display:grid;flex:0 0 33.33%;grid-template-areas:"A" "B";grid-template-columns:1fr;grid-template-rows:200px auto;height:400px;margin:1rem .63%;max-width:30%}.each-project .image-container{background:#ec1839;grid-area:A;width:inherit}.each-project img{height:100%;width:100%}.each-project .technologies{display:flex;flex-wrap:wrap;margin:10px 0}.each-project .technologies li{background:#151515;border-radius:20px;box-shadow:0 0 0 2px 10px #151515;color:#ffffffb3;font-family:p-regular;font-size:12px;margin:5px;padding:5px 15px}.each-project .technologies li:hover{border:1px solid #393939}.each-project .descript{background:rgba(32,32,32,.294);grid-area:B;padding:10px;position:relative}.each-project .descript h5{color:#fff;font-family:p-regular}.each-project .descript .explication{color:#e9e9e980;font-family:p-regular;font-size:12px}.each-project .descript .btm-project{align-items:center;bottom:10px;display:flex;flex-direction:row;justify-content:center;position:absolute;right:10px;width:auto}.each-project .descript .btm-project .GitHub,.each-project .descript .btm-project .View{border:1px solid #393939;border-radius:10px;color:#fff;cursor:pointer;font-family:p-regular;margin:0 0 0 10px;padding:10px 1rem}.each-project .descript .btm-project .GitHub:hover,.each-project .descript .btm-project .View:hover{background:#ec1839cc;color:#fff;transform:scale(1.05)}.each-project .descript .btm-project .GitHub:active,.each-project .descript .btm-project .View:active{transform:scale(.95)}.each-project .descript .btm-project .View:hover{background:#393939}.each-project .descript .btm-project .GitHub{background:#ec1839}@media(max-width:990px){.portfolio-item{align-items:center;display:flex;flex:0 0 100%!important;justify-content:center;max-width:100%!important}.each-project{flex:0 0 40%;max-width:40%!important}}@media(max-width:700px){.each-project{flex:0 0 100%!important;max-width:100%!important}}.contact .contact-title{animation:fadeInDown .6s ease;color:#ec1839;font-family:p-regular;font-size:28px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;text-align:center}.contact .contact-sub-title{animation:fadeInUp .6s ease;color:#e9e9e9;font-family:p-regular;font-size:16px;font-weight:400;margin-bottom:40px;text-align:center}.contact .contact-info-item{animation:fadeInUp .6s ease backwards;background:#222;border:1px solid #393939;border-radius:12px;flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:0;margin:30px 10px;max-width:calc(25% - 20px);overflow:hidden;padding:20px 15px;position:relative;text-align:center;transition:all .3s ease}.contact .contact-info-item:first-child{animation-delay:.1s}.contact .contact-info-item:nth-child(2){animation-delay:.2s}.contact .contact-info-item:nth-child(3){animation-delay:.3s}.contact .contact-info-item:nth-child(4){animation-delay:.4s}.contact .contact-info-item:before{background:linear-gradient(90deg,#0000,#ec1839,#0000);content:"";height:3px;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%}.contact .contact-info-item:hover{border-color:#ec1839;box-shadow:0 8px 20px #ec183933;transform:translateY(-3px)}.contact .contact-info-item:hover:before{transform:translateX(100%)}.contact .contact-info-item:hover .icone{background:linear-gradient(135deg,#ec1839,#f04761);transform:scale(1.08) rotate(5deg)}.contact .contact-info-item .icone{align-items:center;background:#ec1839;border-radius:50%;box-shadow:0 4px 15px #ec18394d;color:#fff!important;display:inline-flex;font-size:1.6rem;height:55px;justify-content:center;margin-bottom:15px;transition:all .3s ease;width:55px}.contact .contact-info-item .icone i{align-items:center;display:flex;justify-content:center}.contact .contact-info-item h4{color:#fff;font-family:p-regular;font-size:16px;font-weight:700;letter-spacing:.3px;margin:10px 0 8px;text-transform:capitalize}.contact .contact-info-item p{color:#e9e9e9;font-family:p-regular;font-size:14px;font-weight:400;line-height:20px;word-break:break-word}.contact-form{animation:fadeInUp .8s ease .5s backwards;background:#222;border:1px solid #393939;border-radius:20px;box-shadow:0 5px 20px #0003;flex:0 0 100%;margin:60px 0;max-width:100%;padding:40px 30px}.contact-form .col-6{flex:0 0 50%;max-width:50%}.contact-form .col-12{flex:0 0 100%;max-width:100%}.contact-form .form-item{margin-bottom:25px}.contact-form .form-item .form-control{background:#393939;border:2px solid #0000;border-radius:12px;color:#fff;font-family:p-regular;font-size:15px;height:55px;outline:none;padding:15px 20px;position:relative;transition:all .3s ease;width:100%}.contact-form .form-item .form-control::placeholder{color:#e9e9e9;opacity:.7;transition:all .3s ease}.contact-form .form-item .form-control:focus{background:#222;border-color:#ec1839;box-shadow:0 0 0 3px #ec18391a;transform:translateY(-2px)}.contact-form .form-item .form-control:focus::placeholder{opacity:.5;transform:translateX(5px)}.contact-form .form-item .form-control:hover{border-color:#ec18394d}.contact-form .form-item .form-control:valid:not(:placeholder-shown){border-color:#ec183980}.contact-form .form-item textarea.form-control{height:150px;padding-top:15px;resize:vertical}.contact-form .form-item .btm{border-radius:12px;font-size:16px;font-weight:600;height:55px;letter-spacing:.5px;overflow:hidden;padding:0 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.contact-form .form-item .btm:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.contact-form .form-item .btm:hover:before{height:300px;width:300px}.contact-form .form-item .btm:hover{box-shadow:0 8px 25px #ec183966;transform:translateY(-2px)}.contact-form .form-item .btm:active{transform:translateY(0)}.social-media-section{animation:fadeInUp .8s ease .6s backwards;flex:0 0 100%;margin:40px 0;max-width:100%;text-align:center}.social-media-section .social-title{color:#fff;font-family:p-regular;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:30px}.social-media-section .social-links{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.social-media-section .social-links .social-link{align-items:center;background:#222;border:2px solid #393939;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.social-media-section .social-links .social-link:before{background:#ec1839;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .4s ease;width:100%;z-index:0}.social-media-section .social-links .social-link svg{position:relative;transition:all .3s ease;z-index:1}.social-media-section .social-links .social-link:hover{border-color:#ec1839;box-shadow:0 10px 25px #ec183966;transform:translateY(-5px) rotate(5deg)}.social-media-section .social-links .social-link:hover:before{transform:scale(1)}.social-media-section .social-links .social-link:hover svg{color:#fff;transform:scale(1.1)}.social-media-section .social-links .social-link:active{transform:translateY(-2px) rotate(5deg)}@media(max-width:990px){.contact-info-item{flex:0 0 50%!important;max-width:50%!important}.form-group,.form-item{margin-left:0!important;margin-right:0!important}}@media(max-width:500px){.contact-info-item{margin:2rem 0!important}.col-6,.contact-info-item{flex:0 0 100%!important;max-width:100%!important}.social-links{gap:15px!important}.social-links .social-link{font-size:1.5rem!important;height:55px!important;width:55px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.style-switcher{background:#222;border:5px;border-radius:10px;height:30px;position:fixed;right:30px;top:70px;transition:all .3s ease;width:45px;z-index:11}.style-switcher .day-night{align-items:center;color:#fff;display:flex;font-size:1.4rem;height:100%;justify-content:center}
/*# sourceMappingURL=main.1ed3a18c.css.map*/