*,:after,:before{margin:0;padding:0;box-sizing:inherit;overflow-x:none}html{font-size:62.5%}@media (max-width:86em){html{font-size:53%}}@media (max-width:70.13em){html{font-size:49%}}body{box-sizing:border-box}.container{min-height:100vh;overflow-x:hidden;position:relative}#tsparticles{height:100vh!important}.form-admin{display:flex;flex-wrap:wrap}.form__group--admin{flex:0 0 40%}.form__group--admin:not(:last-child){margin-bottom:2rem}.form__input--admin{width:90%;padding:1.5rem 2rem;background:none;outline:none;border:.1rem solid #2e344e;color:inherit}.form__label--admin{display:block;color:#fff;text-transform:uppercase;padding-bottom:2rem;padding-left:1.5rem;font-size:1.5rem}.form__control{display:block;width:100%}.sweet-loading{height:100vh;width:100%;background-color:#10121b;display:flex;justify-content:center;align-items:center;color:green}.css-rv8gcu{display:inline-block;background-color:grey!important;width:20px;height:20px;margin:2px;border-radius:100%;-webkit-animation-fill-mode:"both";animation-fill-mode:"both";-webkit-animation:animation-zddztj 1.2058459640532093s ease .40584596405320944s infinite;animation:animation-zddztj 1.2058459640532093s ease .40584596405320944s infinite}.Toastify__toast{padding:2rem!important;border-radius:.5rem!important;font-family:inherit!important}.form__login{background-color:rgba(16,18,27,.3);display:flex;flex-direction:column;width:60rem;border-radius:6px;border:.1rem solid #2e344e;padding:2rem}.form__login>*{margin-left:4rem}@media (max-width:32rem){.form__login{width:90vw}}.btn-loggin{align-self:start;background-color:#191d2b;padding:1.5rem 3rem;border-radius:3px;font-size:1.7rem;text-transform:capitalize;color:inherit;display:inline-block!important;border:none;outline:none;opacity:1;transition:opacity,.2s}.btn-loggin:hover{opacity:.5;cursor:pointer}body{font-family:"Nunito",sans-serif;font-size:1.6rem;font-weight:700;line-height:1.7;color:#a4acc4}.heading__primary{font-size:5rem;color:#fff;display:inline-block}.heading__primary__span{color:#037fff}.home__text{width:80%;max-width:128rem;font-size:2rem;font-weight:400;padding-bottom:1.5rem;display:block;margin:auto}.heading-3rd{font-weight:600;font-size:3rem;color:#fff;text-transform:capitalize}.heading-3rd span{color:#037fff}.heading-secondary{font-weight:700;font-size:4rem;text-transform:uppercase;color:#fff;position:relative;display:inline-block;padding-bottom:2.5rem;margin-bottom:3rem}.heading-secondary:before{width:50%;background-color:#2e344e}.heading-secondary:after,.heading-secondary:before{height:.5rem;content:"";position:absolute;bottom:2rem;left:0;border-radius:10000}.heading-secondary:after{width:20%;background-color:#007bff}.icon{font-size:4.5rem;font-weight:lighter;background:#191d2b;cursor:pointer}.icon--nav{position:absolute;right:0;transform:translateX(95%);z-index:50;height:5.5rem;width:5.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center;top:2rem;border:.1rem solid #2e344e}.icon-hamburger-menu-close{height:100%;margin-top:-1.2rem}.btn-cercle:link,.btn-cercle:visited{width:4.5rem;height:4.5rem;display:inline-block;border-radius:50%;line-height:4.7rem;text-align:center;border:.2rem solid #2e344e;font-size:2rem;color:#a4acc4;transition:all .4s ease-out;cursor:pointer;box-shadow:0 .5rem 2rem rgba(0,0,0,.5);-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn-cercle:hover{color:#037fff;border:.2rem solid #037fff}.btn-cercle:not(:last-child){margin-right:1rem}.btn--primary{align-self:flex-start;position:relative}.btn--primary:link,.btn--primary:visited{text-transform:uppercase;text-decoration:none;color:#fff;background-color:#007bff;display:inline-bloc;padding:1rem 2rem;font-weight:400;font-size:1.4rem;z-index:9}.btn--primary:after{content:"";position:absolute;bottom:0;left:0;height:3px;background-color:#fff;width:100%;z-index:10;transform:scaleX(0);transition:all .5s ease-out;transform-origin:left}.btn--primary:hover:after{transform:scaleX(1)}.side-nav{position:fixed;top:0;left:0;width:30rem;height:100vh;background:#191d2b;transition:all .4s ease-out;border-right:.1rem solid #2e344e;z-index:500;display:flex;flex-direction:column}@media (max-width:70.13em){.side-nav{transform:translateX(-29.8rem)}.side-nav--open{transform:translateX(0)}}.side-nav__picture-box{position:relative;flex:0 1 25rem;border-bottom:.1rem solid #2e344e}.photo{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo__user{display:block;border-radius:50%;height:20rem;width:20rem;border:.6rem solid #2e344e;object-fit:cover;object-position:70% 35%}.icon--nav{display:none}@media (max-width:70.13em){.icon--nav{display:inline-block}}.xd{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-left:.2rem}.section-home{height:100vh}.main{position:absolute;left:30rem;top:0;width:calc(100vw - 30rem);min-height:100vh;background-color:#10121b;transition:all .4s ease-out;z-index:10}@media (max-width:70.13em){.main{transform:translateX(-29.8rem);z-index:10;width:100vw}}.main:after{content:"";position:relative}.main__decoration{width:100%;height:100%;top:0;left:0;z-index:-1;position:absolute;display:flex}.main__decoration__ligne{font-size:20px;width:20%;height:100%;border-right:.04rem solid rgba(46,52,78,.3)}.main .particule{position:absolute;top:0;width:100%;height:100vh;z-index:-1}.h-flex-center{display:flex;justify-content:center;align-items:center}.h-text-center{text-align:center}.menu{flex:1 1}.list,.menu{display:flex}.list{flex-direction:column;list-style:none;justify-content:center;width:100%;font-size:1.6rem}.list__item{display:inline-block;text-align:center;color:#fff;position:relative}.list__item:not(:last-child){margin-bottom:.5rem}.list__item:before{position:absolute;top:0;left:0;content:"";width:3px;height:100%;background-color:#007bff;transform:scaleY(0);transform-origin:bottom;transition:transform .3s,width .4s cubic-bezier(1,0,0,1) .3s;z-index:10}.list__item:hover:before{transform:scaleY(1);width:100%}.list__link:link,.list__link:visited{text-decoration:none;text-transform:uppercase;color:inherit;z-index:11;position:relative;display:inline-block;width:100%;height:100%;padding:1rem 2rem}.active{opacity:.6;background-color:#2e344e}.footer{flex:0 0 7%;display:flex;justify-content:center;align-items:center;border-top:.1rem solid #2e344e}.footer__text{text-align:center;font-size:1.6rem}.section-about,.section-admin,.section-contact,.section-project,.section-skills{padding:10rem 2rem;max-width:120rem;width:100%;margin:auto}@media (max-width:25em){.section-about,.section-admin,.section-contact,.section-project,.section-skills{padding:10rem 2rem!important}}@media (max-width:43.25em){.section-about,.section-admin,.section-contact,.section-project,.section-skills{padding:10rem 6rem}}.about{position:relative}.about:before{content:"ABOUT ME";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08}.about__box{display:flex}@media (max-width:43.25em){.about__box{flex-direction:column}}.about__image-container{margin-right:5rem;flex:0 0 50%;position:relative;z-index:11}@media (max-width:43.25em){.about__image-container{order:2;margin-top:4rem}}.about__photo{display:block;width:100%}.about__text{flex:1 1;display:flex;flex-direction:column;justify-content:space-around}.about__text>*{margin-bottom:2rem}@media (max-width:43.25em){.about__text>*{margin-bottom:2rem}}.about__paragraph{font-size:1.7rem;font-weight:400}.about__list{list-style:none;font-size:1.7rem}.about__item{display:flex;text-transform:capitalize;font-weight:400}.about__item:not(:last-child){margin-bottom:1rem}.about__item b{min-width:12rem;position:relative}.about__item b:before{content:":";position:absolute;right:0;top:0;transform:translateX(-1rem)}.stick{display:inline-block;width:10rem;height:100%;background:#2e344e}.card-container{display:flex;flex-wrap:wrap}.card{flex:0 0 35rem;background-color:#191d2b;padding:2.5rem;border:.1rem solid #2e344e;border-top-width:.5rem;transition:all .5s;justify-content:center;justify-items:center;align-items:center;margin-bottom:2rem}@media (max-width:43.25em){.card{align-items:center}}.card:not(:last-child){margin-right:3rem}.card:hover{border-top:.5rem solid #007bff}.card__icon{font-size:4rem;color:#007bff}.card__title{font-size:1.8rem;padding:1rem 0;color:#fff;margin-bottom:1.5rem;position:relative}.card__title:after{position:absolute;bottom:-.6rem;height:.3rem;width:20%;border-radius:20000px;left:0;content:"";background-color:#2e344e}.services{margin-top:3rem;position:relative}.services:after{content:"SERVICES";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08;background-repeat:no-repeat}.contact{position:relative}.contact:before{content:"CONTACT";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08}.contact-content{display:flex;justify-content:space-between}@media (max-width:70.13em){.contact-content{flex-direction:column}}.form{flex:0 0 50%;display:flex;flex-direction:column}@media (max-width:70.13em){.form{order:2;margin-top:3rem}}.form__group{position:relative}.form__group:not(:last-child){margin-bottom:2.5rem}.form__heading{color:#fff;text-transform:uppercase;font-weight:300;font-size:1.8rem;margin-bottom:2rem}.form__area,.form__input{display:block;background:none;outline:none;padding:1.5rem 2rem;width:90%;font-family:inherit;color:inherit;border:.1rem solid #2e344e}.form__label{position:absolute;top:-2.5rem;left:2rem;display:inline-block;background-color:#10121b;padding:.5rem;border-radius:50000px}.contact-info{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.card__info{background:#191d2b;padding:3.5rem;display:flex;width:80%;align-items:center;position:relative}@media (max-width:70.13em){.card__info{margin-top:1.5rem;width:90%;padding:2.5rem}}.card__info:after{position:absolute;bottom:0;content:"";height:.35rem;background-color:#007bff;width:100%;left:0;transform:scaleX(0);transition:transform 1s;transform-origin:left}.card__info:hover:after{transform:scaleX(1)}.card__icon2{border:.1rem solid #2e344e;display:flex;justify-content:center;align-items:center;width:7rem;height:7rem;margin-right:2rem;font-size:3rem}.card__heading{color:#fff;font-size:600;font-size:1.8rem;line-height:1.7;margin-bottom:.8rem}.card__text span{transition:all .5s}.card__text span:hover{color:#007bff}.skills{position:relative}.skills:before{content:"SKILLS";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08}.skills__heading{color:#fff;font-weight:400;margin-top:-3rem;font-size:1.8rem}.skills__list{display:flex;list-style:none;max-width:70rem;flex-wrap:wrap;justify-content:space-between;margin-top:2rem}@media (max-width:43.25em){.skills__list{flex-direction:column}}.skills__item{flex:0 0 40%;margin-bottom:2rem;cursor:pointer;text-transform:uppercase;align-items:center;transition:all .5s;flex-wrap:wrap}.skills__item span{padding-right:1rem;color:#007bff}.span-icon{font-size:2rem;padding-left:.5rem}.education{position:relative;margin-top:5rem}.education:before{content:"Experience";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08}.education__card{width:80%;display:flex;margin-left:20%;border-left:.3rem solid #2e344e;padding-left:2rem;position:relative;z-index:9;transition:all .5s cubic-bezier(1,0,0,1)}@media (max-width:43.25em){.education__card{margin-left:0;width:100%}}.education__card:hover{border-left:.3rem solid #007bff}.education__card:hover:before{border:.3rem solid #007bff;transition:all .5s cubic-bezier(1,0,0,1)}.education__card:not(:last-child){padding-bottom:5rem}.education__card:before{position:absolute;top:1rem;left:0;transform:translateX(-58%);height:1.5rem;width:1.5rem;border:.3rem solid #2e344e;border-radius:50%;content:"";z-index:10;background-color:#10121b}.education__time{flex:0 0 30%;font-size:2rem;font-weight:400;text-transform:capitalize}.education__info{display:flex;flex-direction:column;width:100%}@media (max-width:43.25em){.education__info{margin-left:3rem}}.education__title1{font-size:2rem;color:#007bff;position:relative}.education__title1:before{content:"";height:.2rem;width:3.6rem;background-color:#2e344e;top:1.7rem;position:absolute;transform:translateX(-5.5rem)}.education__title2{font-size:2rem;color:#fff;font-weight:400}.project{position:relative}.project:before{content:"PROJECTS";position:absolute;top:1.2rem;font-size:8rem;letter-spacing:1.2;opacity:.08}.project__card{max-width:37rem;width:95%}.project__image{background-color:rgba(0,0,0,.2);width:100%;height:auto;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.project__heading{color:#007bff;font-size:1.6rem;text-transform:capitalize;margin-top:1.5rem;padding:1rem}.project__text{padding:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;margin-top:-1.5rem;cursor:pointer}.project__text>*{margin-top:1.5rem}.project__text span{padding-right:.5rem;color:#007bff}.project__photo{display:block;width:100%;height:auto;cursor:pointer;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1);transition:transform .4s,-webkit-filter;transition:filter,transform .4s;transition:filter,transform .4s,-webkit-filter}.project__photo:hover{transform:scale(1.1)}.card-project{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-row-gap:5rem;grid-column-gap:3rem;width:100%;justify-items:center}
/*# sourceMappingURL=main.b50dfe6d.chunk.css.map */