@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--text-color:#fff;--background-color:#000}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}body{background-color:#000;background-color:var(--background-color);color:#fff;color:var(--text-color)}:root{--couleurviolet:#6852ba;--noir:00000}h2 .name{color:#265ed8}.full-stack{color:#6b98ec}.hero-container{align-items:center;display:flex;position:relative}.hero-container:after,.hero-container:before{background:#2a7ac5;border-radius:28.125rem;content:"";filter:blur(225px);height:28.125rem;position:absolute;width:28.125rem;z-index:-1}.hero-container:after{left:-5rem;top:-3rem}.hero-container:before{bottom:2rem;right:0}.hero-content{flex:1 1}.hero-content h2{font-size:3.8rem;font-weight:600;line-height:5rem;margin-bottom:1rem}.hero-content p{font-size:1rem;font-weight:400;line-height:2rem;width:80%}.buttons{align-items:center;display:flex;justify-content:space-around;margin:2rem}.img{animation:translateAnimation 3s ease-in-out infinite;background:linear-gradient(100deg,#235b8f 5%,#222f6d);border:1.5px solid #2a7ac5;border-radius:.65rem}@keyframes translateAnimation{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.element{animation:translateAnimation 1.5s ease-in-out infinite}.btn{border:1.5px solid #2a7ac5;border-radius:.65rem;color:#fff;padding:.5rem;transition:all 1s ease}.btn:active,.btn:hover{background:linear-gradient(100deg,#2a7ac5,#5f78e6);outline:none;transform:translateY(3px)}.btn:before{content:"";outline:none}.hero-img{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;margin-top:5rem}.hero-img>div{align-items:flex-end;display:flex;gap:2rem}.hero-img>div>img{transition:all .3s ease;width:25rem}.tech-icon{align-items:center;border:1.5px solid #2a7ac5;border-radius:.65rem;display:flex;height:5rem;justify-content:center;text-align:center;width:5rem}.tech-icon img{height:auto;transition:all .3s ease;width:3rem}.hero-img>div>img:hover,.tech-icon img:hover{transform:translate3d(-50px,20px,-10px)}@media(max-width:1025px){.hero-content h2{font-size:3rem;line-height:4rem}.hero-content p{font-size:.9rem;line-height:1.6rem}.hero-img>div>img{width:20rem}.tech-icon{height:4rem;width:4rem}.tech-icon img{width:2.5rem}}@media(max-width:768px){.hero-container{flex-direction:column}.hero-img{margin:2rem 0}.hero-container h2{margin-top:3rem}.full-stack{text-align:center}.hero-content h2,.hero-content p{text-align:center;width:auto}.hero-container:after,.hero-container:before{content:"";height:18rem;width:18rem}.hero-container:after{left:0;top:0}.hero-container:before{bottom:2rem;right:0}}@media(max-width:600px){.hero-content h2{font-size:2.2rem;line-height:3rem}.hero-content p{font-size:.8rem;line-height:1.3rem}.hero-img,.hero-img>div{gap:1rem}.hero-img>div>img{width:16rem}.tech-icon{height:3.3rem;width:3.3rem}.tech-icon img{width:2rem}}.nav-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000001a;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:30}.senmosdev{color:#265ed8}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:1rem 0}.logo{height:auto;width:12rem}.nav-content ul{align-items:center;display:flex;gap:.5rem;list-style:none}.nav-content li{margin:0 1.5rem}.menu-item{color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;position:relative;text-decoration:none}.menu-item:before{background:linear-gradient(100deg,#2a7ac5,#5f78e6);border-radius:.5rem;bottom:-.6rem;content:"";height:.2rem;opacity:0;position:absolute;transform:translateX(-1.5rem);transition:all .6s ease;width:2rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.menu-item:hover:before{opacity:1;transform:translateX(0);width:100%}.contact-btn{align-items:center;background:linear-gradient(100deg,#2a7ac5,#5f78e6);border:none;border-radius:.2rem;color:#fff;cursor:pointer;display:flex;font-size:.9 rem;font-weight:500;justify-content:center;outline:1.5px solid #0000;padding:.6rem 2rem;transition:all .3 ease}.contact-btn:hover{background:#000;color:#a993fe;outline:1.5px solid #a993fe}.menu-btn{align-items:center;background:linear-gradient(100deg,#2a7ac5,#2979c5);border:none;border-radius:.4rem;color:#fff;cursor:pointer;display:flex;display:none;font-size:1.5rem;height:2.5rem;justify-content:center;line-height:0;transition:all .4s ease;width:2.5rem}.menu-btn:hover{background:url(/static/media/icon.a633845bca57a0d1a648.png);border:1px solid #a993fe;color:#3e72b6}@media(max-width:425px){.menu-btn{display:block}}@media (max-width:760px){.menu-btn{display:block}.nav-content ul{display:none}}@media(max-width:1325px){.nav-wrapper{padding:0 2rem}}.mobile-menu{background-color:#0000004d;box-shadow:0 20px 80px #0000004d;display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transform:translateX(-100vw);transition:all .3 ease;width:100vw;z-index:999!important}.mobile-menu-container{background-color:#151e27;height:100vh;padding:2rem;width:60vw}.mobile-menu.active{opacity:1;transform:translateX(0)}.mobile-menu img{margin-bottom:3rem}.mobile-menu ul{display:flex;flex-direction:column;gap:2rem;list-style:none}@media(max-width:769px){.mobile-menu{display:block}}.container{margin:0 auto;max-width:1300px!important;position:relative}@media(max-width:1300px){.container{padding:0 1.5rem}}.skills-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(17,27,47,.398);border:1.5px solid #2a7ac5;border-radius:.65rem;cursor:pointer;padding:2.5rem;position:relative;text-align:center;transition:all .3 ease}.skills-card:active,.skills-card:hover{background:linear-gradient(180deg,#3d89cf,#5fb0e6 100%)}.skills-card span{font-size:1.3rem;font-weight:500}.skill-icon{align-items:center;background:rgba(17,27,47,.398);border:1.5px solid #2a7ac5;border-radius:.65rem;display:flex;height:4rem;justify-content:center;left:-1rem;position:absolute;top:-1rem;width:4rem}.skill-icon img{height:auto;object-fit:contain;width:2.4rem}@media(max-width:1025px){.skills-card{padding:2rem}.skills-card span{font-size:1rem}.skill-icon{height:3rem;width:3rem}.skill-icon img{width:1.8rem}}@media(max-width:760px){.skills-card span{font-size:.9rem}}.skills-info-card{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(17,27,47,.398);border:1.5 solid #2a7ac5;border-radius:.65rem;min-height:23rem}.skills-info-card h6{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#3d89cf,#5fb0e6 100%);background-clip:text;-webkit-background-clip:text;border-bottom:1.5px solid #2a7ac5;font-size:1.2rem;font-weight:500;padding:.8rem 2rem}.skills-info-content{padding:2rem}.skill-info{align-items:center;display:flex;justify-content:space-between}.skill-info p{font-size:1rem;font-weight:500}.skill-info .percentage{color:#2a7ac5}.skill-progress-bg{background:linear-gradient(90deg,#1d1052 -50%,#5da1ee 50%);border-radius:.5rem;height:.5rem;margin:1rem 0;overflow:hidden;width:100%}.skill-progress{background:linear-gradient(180deg,#3d89cf,#092a83 100%);border-radius:.5rem;height:.5rem;transition:all .5s ease-in-out;width:0}@media(max-width:1025px){.skills-info-card h6{font-size:1.1rem}.skill-info p{font-size:.9rem}.skills-info-content{padding:1.5rem}}.skills-container{margin:4rem 0;position:relative}.skills-container:after,.skills-container:before{background:#2a7ac5;border-radius:28.125rem;content:"";filter:blur(200px);height:28rem;position:absolute;width:28rem;z-index:-1}.skills-container h5{font-size:1.5rem;font-weight:600;margin-bottom:3.5rem;text-align:center}.skills-content{align-items:flex-start;display:flex;gap:3rem}.skills{grid-gap:3rem;display:grid;grid-template-columns:repeat(2,1fr)}.skills,.skills-info{flex:1 1}@media(max-width:1025px){.skills{padding-left:1rem}.skills,.skills-content{grid-gap:2rem}}@media(max-width:760px){.skills-content{flex-direction:column-reverse;gap:3rem}.skills,.skills-info{width:100%}.skills-container h5{font-size:1.3rem;margin-bottom:2rem}.skills-container:after,.skills-container:before{height:18rem;width:18rem}}@media(max-width:600px){.skills-container{padding:0}}:root{--secondary-text-color:rgba(17,27,47,.398);--transition:all 400ms ease}.portfolio__container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;margin-top:2rem}.portfolio{display:flex;flex-wrap:wrap;margin:4rem 0;position:relative}.title1{text-align:center}.portfolio__item{background:rgba(17,27,47,.398);background:var(--secondary-text-color);border:1px solid #0000;border-radius:2rem;margin:1rem auto;padding:1.2rem;transition:all .4s ease;transition:var(--transition)}.portfolio__item:hover{background:#0000;border-color:var(--secondary-text-colors)}.portfolio__item-image{border-radius:1.5rem;height:255px;overflow:hidden;width:255px}.portfolio__item h3{margin:1.2rem 0 2rem}.portfolio__item-cta{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width:1024px){.portfolio{display:flex}}@media screen and (max-width:600px){.portfolio__container{gap:1rem}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.title_c{text-align:center}.contact__options{display:flex;flex-direction:column;gap:1.2rem;justify-content:space-between}.contact__option{background:var(--secondary-text-color);border:1px solid #0000;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:#0000;border:1px solid;border:1px solid var(--primary-color)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}:root{--primary-color: }input,textarea{background:#0000;border:1px solid;border:1px solid var(--primary-color);border-radius:.5rem;color:var(--color-white);font-family:inherit;font-size:1rem;padding:1.5rem;resize:none;transition:var(--transition);width:100%}input:focus,textarea:focus{border-color:var(--secondary-text-color);outline:none}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr;width:var(--container-width-md)}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}.footer{background:linear-gradient(90deg,#2a7ac5,#2a7ac5);font-size:.8rem;margin-top:10px;padding:1rem;text-align:center}
/*# sourceMappingURL=main.6394e29d.css.map*/