@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Hind+Guntur:wght@300;400;500;600;700&family=Montserrat: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&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);:root{--secondary:#f4d58d;--dark:#1d1d1d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-scrollbar-track{background:#1d1d1d;background:var(--dark)}::-webkit-scrollbar-corner{background:#999}::-webkit-resizer{background:#111}html{scroll-behavior:smooth}body{margin:0;font-family:"Hind Guntur","Ubuntu","Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{margin:0}h1,h4{font-family:"Montserrat"}h3{font-family:"Ubuntu"}button{background-color:unset;border:none;cursor:pointer;font-family:"Hind Guntur";display:-webkit-flex;display:flex}.container{max-width:1090px;margin:0 auto}.big-title{font-size:80px;line-height:86px}.text-yellow-with-line{color:#f4d58d;color:var(--secondary);position:relative;margin-left:70px!important}.text-yellow-with-line:after{content:"";position:absolute;height:2px;width:60px;background-color:#f4d58d;background-color:var(--secondary);left:-70px;top:10px}.title{font-size:48px}.m-title{font-size:24px}@media (max-width:1122px){.container{max-width:unset;padding:0 16px}}@media (max-width:660px){.title{font-size:36px}}@media (max-width:500px){.title{font-size:28px}}@media (max-width:410px){.title{font-size:24px}}.slick-next:before,.slick-prev:before{color:#414141}.slick-next,.slick-prev{top:100px}.career-content{padding-top:36px;padding-bottom:36px}.career-wrapper{background-color:var(--dark);color:#fff}.career-content>div{margin-top:40px;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:44px;gap:44px}.career-content>div,.career-item{display:-webkit-flex;display:flex}.career-item{-webkit-flex-direction:column;flex-direction:column;max-width:300px}.career-item>img{width:100%;height:200px;object-fit:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear,-webkit-filter .3s linear}.career-item:hover>img{-webkit-filter:unset;filter:unset}.career-item>:last-child{margin-top:40px}.career-info>h2{font-family:"Bebas Neue",cursive;font-size:40px}.career-info>h3{margin:16px 0}@media (max-width:950px){.career-content>div{-webkit-flex-direction:column;flex-direction:column}.career-item{-webkit-flex-direction:row;flex-direction:row;max-width:unset;grid-gap:44px;gap:44px}.career-item>:last-child{margin-top:unset}.career-item>*{width:50%!important}}@media (max-width:560px){.career-item{-webkit-flex-direction:column;flex-direction:column;grid-gap:12px;gap:12px}.career-item>*{width:100%!important}.career-content>div>.career-item:nth-child(2){-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.career-content>div{grid-gap:16px;gap:16px;margin-top:36px}}@media (max-width:500px){.career-content{padding-top:28px;padding-bottom:28px}.career-item>img{height:150px}}@media (max-width:330px){.career-info>h3{font-size:17px}}.contact-content{padding-top:36px;padding-bottom:36px;display:-webkit-flex;display:flex;position:relative}.contact-wrapper{background-color:var(--dark);color:#fff;height:400px}.contact-content>div>h3{margin:24px 0}.icon-network{margin-top:24px}.icon-network>a{color:inherit;text-decoration:none}.icon-network>a:not(:first-child){margin-left:24px}.phone{color:var(--secondary)}.form-contact{background-color:var(--secondary);margin-left:100px;position:absolute;right:-115px;width:100%;max-width:680px;top:-40px;height:320px;box-shadow:-14px 27px 51px 0 rgb(19 19 19/14%);color:var(--dark);padding:80px 0 80px 80px}.form-contact>h3{font-family:"Montserrat";margin-top:0!important;margin-bottom:44px!important}.form-contact>form{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.form-contact>form>.input-wrapper:nth-child(5){width:100%!important}@media (max-width:1350px){.form-contact{max-width:550px;margin-left:unset;right:-20px}}@media (max-width:1160px){.form-contact{max-width:480px;right:0}}@media (max-width:900px){.form-contact{position:unset;height:unset;width:100%;max-width:550px;margin-top:16px}.icon-network{display:none}.contact-wrapper{height:unset}.contact-content{-webkit-flex-direction:column;flex-direction:column}}@media (max-width:730px){.form-contact{max-width:unset;box-sizing:border-box}}@media (max-width:660px){.form-contact{padding:40px}}.btn-send{background-color:var(--dark);color:var(--secondary);font-family:"Montserrat";padding:8px;font-size:16px;width:100px;font-weight:600;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:40px;-webkit-align-items:center;align-items:center}.squareInBtn{width:20px;height:20px}.notif-sucess{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:16px;color:#4bb543}.notif-sucess>svg{margin-right:4px;margin-top:-4px}.notif-error{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:16px;color:red}.notif-error>svg{margin-top:-5px;margin-right:4px}@media (max-width:500px){.contact-content{padding-top:28px;padding-bottom:28px}}.input-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:28px;margin-right:20px;width:224px}.input-wrapper>label{font-size:12px;font-family:"Montserrat";font-weight:500;color:#666}.input-wrapper>input{width:220px;border:none;border-bottom:2px solid #666;background-color:transparent;margin-top:6px;font-family:"Montserrat";color:#1d1d1d}.input-wrapper>input:focus-visible,.input-wrapper>textarea:focus-visible{outline:none;border-color:var(--dark)}.input-wrapper>textarea{width:100%;max-width:464px;border:none;border-bottom:2px solid #666;background-color:transparent;margin-top:6px;font-family:"Montserrat";color:#1d1d1d;resize:none}@media (max-width:1160px){.input-wrapper{width:180px}.input-wrapper>input{width:100%}.input-wrapper>textarea{max-width:384px}}@media (max-width:900px){.input-wrapper{width:220px}.input-wrapper>textarea{max-width:458px}}@media (max-width:600px){.input-wrapper{width:190px}.input-wrapper>textarea{max-width:400px}}@media (max-width:560px){.input-wrapper{width:100%}.input-wrapper>textarea{max-width:100%}}@media (max-width:460px){.input-wrapper{width:100%;max-width:unset}}.footer-content{padding-top:100px;padding-bottom:10px;text-align:right;color:#d9d9d9}.footer-wrapper{background-color:var(--dark)}@media (max-width:900px){.footer-content{padding-top:20px;text-align:left}}@media (max-width:500px){.footer-content{padding-top:0;padding-bottom:4px}}header{position:fixed;width:100%;top:0;color:#fff;background-color:transparent;z-index:9}header,header nav{transition:all .3s ease}header nav{padding-top:16px;padding-bottom:16px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:75px}header.scroll-active{background-color:#161616;box-shadow:0 6px 6px rgb(0 0 0/6%),0 6px 16px rgb(0 0 0/10%)}header.scroll-active>nav{height:40px;padding-top:8px;padding-bottom:8px}nav>h3{font-size:44px;transition:all .3s ease}header.scroll-active>nav>h3{font-size:28px}a.contact-me{color:var(--secondary);border:1px solid var(--secondary)!important;padding:0 20px;font-size:20px;transition:all .3s ease;text-decoration:none;margin-left:16px;position:relative;overflow:hidden}a.contact-me:after{content:"";position:absolute;width:100%;height:100%;left:-141px;background-color:var(--secondary);transition:all .3s ease;z-index:-1}a.contact-me:hover:after{left:0}a.contact-me:hover{color:var(--dark)}.nav-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:0;padding:0;list-style:none;position:relative}.nav-right>button{margin-left:16px}.nav-right>li{padding:0 16px}.nav-right>li>a{text-decoration:none;color:unset;font-size:20px;transition:all .3s ease}header.scroll-active .nav-right>li>a,header.scroll-active a.contact-me{font-size:16px}.menu-bar{display:none}.drawer{position:fixed;top:0;height:100vh;background-color:var(--dark);width:100%;z-index:99;overflow:hidden;color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.drawer.active{-webkit-transform:translateX(0);transform:translateX(0)}.btnClose{position:absolute;top:10px;right:14px;color:var(--secondary)}.head{padding:8px 16px}.head>h3{font-size:28px}.drawer-content{display:-webkit-flex;display:flex;height:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff}.drawer-content>ul{list-style:none;padding:0;margin:-19px 0 0}.drawer-content>ul>li{padding:4px}.drawer-content ul>li a{color:#fff;text-decoration:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.drawer-content a>svg{margin-right:8px}.drawer-content a>svg path{stroke:#fff}.language{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-transform:uppercase;cursor:pointer;width:54px;-webkit-justify-content:flex-end;justify-content:flex-end}.language>svg{margin-left:3px;margin-bottom:5px}.dropdownLanguage{background-color:var(--dark);color:#fff;position:absolute;right:-9px;top:40px;width:84px;height:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.show-drp{height:70px;max-height:70px;padding:8px}.dropdownLanguage>li{padding:4px;cursor:pointer}.responsive-btn-contact{display:none}@media (max-width:768px){.menu-bar{display:-webkit-flex;display:flex}.nav-right>button{margin-left:8px}.nav-right>li:not(.language){display:none}button.contact-me{font-size:16px}nav>h3{font-size:28px}.language{width:45px;padding:0!important}.menu-bar{margin-left:2px!important}}@media (max-width:350px){nav>h3{font-size:24px}header.scroll-active>nav>h3{font-size:20px}a.contact-me{font-size:16px;padding:0 16px}}@media (max-width:307px){a.contact-me{display:none}.nav-right>button{-webkit-order:2;order:2}header nav{height:60px;margin-top:-7px}.responsive-btn-contact{display:-webkit-flex;display:flex}.responsive-btn-contact svg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.home-wrapper{min-height:calc(100vh - 160px);background-color:var(--dark);color:#fff;padding-top:110px;-webkit-align-items:center;align-items:center}.home-container,.home-wrapper{display:-webkit-flex;display:flex}.home-container{height:100%;width:100%;-webkit-flex-direction:column;flex-direction:column;position:relative}.text-content{z-index:1}.text-content>h3{margin:40px 0}.text-content>p{max-width:350px}.bloc-fond{height:95%;width:100%;max-width:545px;z-index:0;background-size:cover;background-position:50%;transition:background .2s ease}.bloc-fond,.card-wrapper{position:absolute;right:0}.card-wrapper{bottom:0;width:500px;height:200px;display:-webkit-flex;display:flex;z-index:4}.card-item{width:50%;cursor:pointer;background-color:transparent;z-index:5;padding:48px 24px 24px;opacity:.3;transition:opacity .3s ease}.card-item>h3{text-transform:uppercase}.card-item.active{opacity:1}.card-item.active>h3{color:var(--secondary)}.bg-dark{background-color:#161616;position:absolute;width:50%;height:220px;left:0;transition:all .3s ease;box-shadow:0 6px 6px rgb(0 0 0/6%),0 6px 16px rgb(0 0 0/10%)}.bg-dark.active{left:250px}.btn-arrow-down{width:35px;height:35px;border-radius:35px;border:1px solid #fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;margin-bottom:10px}.btn-arrow-down:hover{background-color:#fff;color:var(--dark)}@media (max-width:900px){.card-wrapper{display:none}.text-content>h1{font-size:60px;line-height:68px}@-webkit-keyframes slide{0%{background-image:url(/static/media/fond-1.12d27fb9.jpg)}to{background-image:url(/static/media/fond-2.62972d8f.jpg)}}@keyframes slide{0%{background-image:url(/static/media/fond-1.12d27fb9.jpg)}to{background-image:url(/static/media/fond-2.62972d8f.jpg)}}.bloc-fond{-webkit-animation:slide 3s infinite alternate;animation:slide 3s infinite alternate}}@media (max-width:800px){.bloc-fond{max-width:450px}.text-content>p{max-width:400px}}@media (max-width:650px){.bloc-fond{max-width:400px}.text-content>p{max-width:600px}.text-content>h1{font-size:42px;line-height:52px}}@media (max-width:500px){.bloc-fond{max-width:300px;height:80%}.btn-arrow-down{display:none}}@media (max-width:400px){.bloc-fond{max-width:250px}.text-content>h1{font-size:32px;line-height:40px}}.techno-content{padding-top:48px;padding-bottom:48px}.tech-wrapper{background-size:cover;position:relative}.bg-react{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/static/media/react.12bc4c85.svg);background-repeat:no-repeat;z-index:-1;opacity:.03;background-size:contain;background-position-x:center;background-position-y:80px}.techno-content h4.title{color:var(--dark)}.skills-content{display:-webkit-flex;display:flex;margin-top:24px}.skills-wrapper>.skills-content:last-child{margin-top:54px}.skills-content>div:first-child{width:70%}.list-skills{list-style:none;padding:0;margin:24px 0 0;grid-gap:32px;gap:32px}.list-skills,.list-skills>li{display:-webkit-flex;display:flex}.list-skills>li{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;cursor:pointer}.list-skills>li>span{margin-top:8px;color:#959593;transition:color .5s ease}.list-skills>li:hover>span{color:#414141}.list-skills>li:hover svg>path{fill:#414141}.skills-wrapper{margin-top:32px}@media (max-width:860px){.skills-content{-webkit-flex-direction:column;flex-direction:column}.skills-wrapper>.skills-content:last-child{margin-top:unset}.skills-content>div{margin-top:32px;width:100%!important}.list-skills{-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:16px;gap:16px}.bg-react{background-position-y:center}}@media (max-width:500px){.skills-wrapper{margin-top:20px}.techno-content{padding-top:28px;padding-bottom:28px}.skills-content{margin-top:0}}.work-content{padding-top:36px;padding-bottom:100px}.work-wrapper{background:#fff}.all-my-works{width:calc(100% - 44px);margin:0 auto}.item-work{cursor:pointer;margin:0 12px}.item-work>.bg-image{height:180px;width:280px;box-shadow:0 1px 2px 0 rgb(60 64 67/30%),0 2px 6px 2px rgb(60 64 67/15%);cursor:pointer;background-size:cover;background-position:50%;position:relative;overflow:hidden}.skyline{background-image:url(/static/media/skyline.f49e67b3.jpg)}.lrcrea{background-image:url(/static/media/lrcrea.bee27758.jpg)}.svgstore{background-image:url(/static/media/svg-store.vercel.app.6bfb11cf.png)}.qrcode{background-image:url(/static/media/qrcode.5d4784ee.jpg)}.oldportfolio{background-image:url(/static/media/fanasina-ny.vercel.app.d86d0413.png)}.overlay{background-color:rgba(244,213,141,.5215686274509804);width:100%;height:100%;position:absolute;left:-600px;transition:left .3s ease}.description-prj{margin-top:12px;max-width:270px}.description-prj>h4,.description-prj>p{line-height:24px}.description-prj>p{color:#959593;margin:0;transition:color .5s ease}.view-project{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;z-index:1;color:#202020;bottom:-200px;transition:bottom .3s ease;right:20px;margin:0;font-weight:500}.item-work:hover .overlay{left:0}.item-work:hover .view-project{bottom:10px}.item-work:hover .description-prj>p{color:#414141}.slide-mobile{display:none}@media (max-width:900px){.work-content{padding-bottom:36px}}@media (max-width:390px){.item-work{margin:0;margin-top:16px!important}.slide-mobile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.all-my-works{margin:0;width:100%}.slide-wrapper{display:none}.item-work>.bg-image{width:100%;max-width:340px;height:160px}}
/*# sourceMappingURL=main.9db2a655.chunk.css.map */