body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg_primary:hsla(0,0%,4%,.945);--color_primary:#fff;--bg_container:#23272f;--bg_nav:#3c4047;--border_color:hsla(0,0%,100%,.233);--blue:rgba(0,238,255,.925);--bg_hover:#000;--subtitle:hsla(0,0%,100%,.795)}.light{--bg_primary:hsla(0,2%,92%,.945);--color_primary:#333;--bg_container:#f5f5f5;--bg_nav:#e0e0e0;--border_color:rgba(73,72,72,.233);--blue:#209fd1;--bg_hover:#fff;--subtitle:rgba(90,88,88,.795)}.dark{--bg_primary:hsla(0,0%,4%,.945);--color_primary:#fff;--bg_container:#23272f;--bg_nav:#3c4047;--border_color:hsla(0,0%,100%,.233);--blue:rgba(0,238,255,.925);--bg_hover:#000;--subtitle:hsla(0,0%,100%,.795)}a{text-decoration:none}.App{background-color:hsla(0,0%,4%,.945);background-color:var(--bg_primary);color:#fff;color:var(--color_primary);min-height:100vh;width:100%}.App .container{background-color:#23272f;background-color:var(--bg_container);border:1px solid hsla(0,0%,100%,.233);border:1px solid var(--border_color);border-bottom:none;border-top:none;margin:auto;min-height:100vh;padding-top:15px;width:80%}.App .container .divider{border-top:1px solid hsla(0,0%,100%,.233);border-top:1px solid var(--border_color);width:100%}.App .container .btn_arrow_up{all:unset;background-color:rgba(0,238,255,.925);background-color:var(--blue);border-radius:50%;bottom:2em;color:#23272f;height:50px;position:fixed;right:3%;scroll-behavior:smooth;text-align:center;transition:.3s;width:50px}.App .container .btn_arrow_up:hover{opacity:1}.App .container .btn_arrow_up:active{scale:.9}#link_scroll{scroll-behavior:smooth;transition:.3s}@media (max-width:1100px){.App .container{width:90%}}@media (max-width:762px){.App .container{width:100%}.App .container .btn_arrow_up{opacity:.7}}header{align-items:center;display:flex;justify-content:space-between;padding:.5em 2em;position:relative;width:100%}header nav{background-color:var(--bg_nav);border-radius:2em;color:var(--color_primary);min-width:50%;padding:1em 2em;width:auto}header nav ul{display:flex;justify-content:center}header ul li{list-style:none;margin:0 1em}header ul li a{color:var(--color_primary);font-size:1.2em;font-weight:700;text-decoration:none;transition:.1s}header ul li a:hover{color:var(--blue)}header button:hover{cursor:pointer}header button:active{scale:.9}header button.btn_menu,header button.mode{background-color:var(--bg_nav);border:1px solid var(--border_color);border-radius:50%;color:var(--subtitle);font-size:1.5em;height:50px;transition:.2s;width:50px}#sun{color:rgba(255,209,3,.808)}.light header button.mode{border:1px solid rgba(255,209,3,.808)}header button.btn_menu{display:none}header button.btn_close{background-color:initial;border:none;color:var(--subtitle);font-size:1.5em;font-weight:700;padding:.1em .3em;transition:.2s}header button.btn_close:hover{color:red;rotate:180deg}@keyframes showMenu{0%{scale:0}60%{scale:1.2}to{scale:1}}header div.filter_container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(60,60,71,.808);bottom:0;left:0;position:fixed;right:0;top:0;width:100%;z-index:10000000000000000000}header div.menu{animation:showMenu .7s 1;background-color:var(--bg_container);border-radius:1.2em;height:auto;margin:3em auto 1em;width:80%}header div.menu ul{width:100%}header div.menu ul li{border-bottom:1px solid var(--border_color);margin:0;padding:.6em .3em;transition:all .3s}header div.menu ul li:first-child{border:none;padding:1em 1em 0;text-align:end}header div.menu ul li:last-child{border:none;border-radius:0 0 1.2em 1.2em}header div.menu ul li a{color:var(--color_primary);display:inline-block;font-size:1em;padding-left:1em;width:100%}header div.menu ul li:not(:first-child):hover{background-color:var(--bg_hover);letter-spacing:.1em}@media (max-width:762px){header button.btn_menu{display:block}header nav{display:none}}.hero{display:flex;margin-top:1.5em;padding:2em}.hero .left-section{max-width:60%;padding-top:8em}.hero .left-section .avatar .img-avatar img{border:1px solid var(--border_color);border-radius:50%;height:70px;padding:.1em;width:70px}.hero .left-section h1{color:var(--color_primary);font-size:4em;line-height:1.1em;margin-bottom:.4em}.hero .left-section p{color:var(--subtitle);font-size:1em}.hero .left-section .hero-media ul{display:flex}.hero .left-section ul li{list-style-type:none;margin:1em .5em}.hero .left-section ul li a{color:var(--subtitle);text-decoration:none}.hero .left-section ul li a .icon{color:var(--subtitle);font-size:1.5em;transition:.3s}.hero .left-section ul li a .icon:hover{color:var(--color_primary)}.hero .right-section{align-items:center;display:flex}.hero .right-section .animationDeveloper{width:100%}@media (max-width:1346px){.hero .left-section{max-width:50%;padding-top:6em}.hero .left-section h1{font-size:3em}}@media (max-width:1088px){.hero .left-section h1{font-size:2.5em}}@media (max-width:925px){.hero .left-section h1{font-size:3em}.hero .left-section{max-width:100%}.hero{flex-direction:column-reverse}}@media (max-width:600px){.hero .left-section{max-width:100%;padding:1em}.hero .left-section h1{font-size:2em}.hero .left-section p{font-size:.7em}}main{display:flex;margin-top:1.5em;padding:2em}main div.left-section{display:flex;flex-direction:column;gap:.5em;height:-webkit-fit-content;height:fit-content;min-width:20%;padding:1em}main div.left-section button{all:unset;background-color:var(--bg_nav);border-radius:.2em;font-size:1.5em;letter-spacing:.01em;opacity:.7;padding:.5em 1.5em;text-align:center;text-transform:capitalize}main div.left-section button:hover{cursor:pointer;opacity:1}main div.left-section button.active{background-color:#333;border:2px solid var(--blue);color:#fff;opacity:1}main div.left-section button:active{scale:.9}main div.right-section{display:flex;flex-grow:1;flex-wrap:wrap;gap:1em;justify-content:center;padding:1em}main div.right-section div.card{background-color:var(--bg_nav);border:2px solid var(--border_color);border-radius:.5em;height:350px;padding:.3em;transition:.3s;width:19em}main div.right-section div.card:hover{border:2px solid var(--blue);cursor:pointer;rotate:1deg;scale:1.03}main div.right-section div.card img{border-radius:.5em .5em 0 0;height:11em;width:100%}main div.right-section div.card div.body-card{padding:0em.5em}main div.right-section div.card div.body-card h1{color:var(--color_primary);margin-bottom:.4em;text-transform:capitalize}main div.right-section div.card div.body-card p{color:var(--subtitle);display:inline-block;font-size:1.1em;height:7.7vh;overflow:hidden;text-transform:capitalize}main div.right-section div.card div.media-card{display:flex;justify-content:space-between}main div.right-section div.card div.media-card a.icon{color:var(--subtitle);font-size:1.4em;transition:.3s}main div.right-section div.card div.media-card a.icon:hover{color:var( --color_primary)}main div.right-section div.card div.media-card div:last-child a{align-items:center;color:var(--blue);display:flex;gap:.3em}main div.right-section div.card div.media-card div:last-child i{margin-top:.3em}@media (max-width:1500px){main div.left-section button{font-size:1.2em;padding:.6em 1em;width:8em}}@media (max-width:989px){main{padding:.5em}main div.left-section button{font-size:1em;padding:.6em 1.1em;width:7.5em}}@media (max-width:895px){main div.left-section button{width:6em}}@media (max-width:600px){main{display:flex;flex-direction:column}main div.left-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;height:-webkit-fit-content;height:fit-content;justify-content:center;min-width:20%;padding:1em}main div.left-section button{font-size:.9em;padding:.6em 1.1em;width:40%}main div.right-section div.card{height:auto!important;margin:auto;width:90%}}.contact{justify-content:space-between;margin-top:1.5em;padding:3em}.contact div:first-child h1{color:var(--color_primary);margin-bottom:.4em}.contact div:first-child p{color:var(--subtitle)}.contact div:nth-child(2){display:flex}.contact div.left-section{min-width:50%}.contact div:nth-child(2) form{padding:2em 0;width:50%;width:100%}.contact div:nth-child(2) form div{align-items:center;display:flex;margin-bottom:1em}.contact div:nth-child(2) form #email,.contact div:nth-child(2) form #message,.contact div:nth-child(2) form #name{all:unset;background-color:var(--bg_nav);border-radius:.1em;font-size:1.2em;margin-left:auto;padding:.3em .5em;width:70%}.contact div:nth-child(2) form #email{display:block!important}.contact div:nth-child(2) form #message{min-height:7em;resize:vertical}.contact div:nth-child(2) form label{color:var(--subtitle);display:block}.light .contact div:nth-child(2) form #btn_send_message{background-color:#333;color:#fff}.light .contact div:nth-child(2) form #btn_send_message:hover{color:#fff}.contact div:nth-child(2) form #btn_send_message{all:unset;background-color:var(--bg_nav);border-radius:.1em;color:var(--subtitle);padding:.6em 2em}.contact div:nth-child(2) form #btn_send_message:hover{color:var(--color_primary);scale:.93}button:disabled{cursor:not-allowed;opacity:.4}#messageSubmitting{align-items:center;display:flex}#messageSubmitting .animationDone{margin-top:1em;width:70px}#messageSubmitting span{margin-left:-1em}div.contact{display:flex;justify-content:space-between}.contact div.right-section{display:flex;justify-content:center;padding:0}.contact div.right-section .animation{width:60%}@media (max-width:1629px){.contact div:nth-child(2) form #email,.contact div:nth-child(2) form #message{width:60%}.contact div.right-section .animation{width:100%}}@media (max-width:1000px){.contact div.right-section{display:none}}@media (max-width:600px){.contact div:nth-child(2) form{padding-top:0;width:100%}.contact div:nth-child(2) form div{align-items:start;display:flex;flex-direction:column;margin:1em 0}.contact div:nth-child(2) form label{margin-bottom:.5em}.contact div:nth-child(2) form #email,.contact div:nth-child(2) form #message{margin:0;padding:.4em 0;width:100%}}@media (min-width:1000px){.contact div:first-child h1{font-size:3em}}footer{justify-content:space-between;padding:1em 3em}footer,footer ul{display:flex}footer ul li{list-style-type:none}footer .left-footer ul li{margin:0 .5em}footer .left-footer ul li a{color:var(--subtitle);font-size:1.1em;transition:.3s}footer .left-footer ul li a:hover{color:var(--blue);font-size:1.2em}footer .right-footer{color:var(--subtitle);font-size:1.1em}@media (max-width:869px){footer{flex-direction:column;padding:0}footer .left-footer{display:flex;justify-content:center;margin:auto;padding:1em;width:100%}footer .right-footer{margin:auto;padding:1em;text-align:center;width:100%}}@media (max-width:600px){footer{padding:0}footer .left-footer{padding:.5em}footer .left-footer ul li a{font-size:1em}footer .right-footer{font-size:1em;padding:.5em}}.tech-stack-section{overflow:hidden;padding:4rem 0;position:relative}.tech-stack-container{margin:0 auto;max-width:1400px;padding:0 2rem}.tech-stack-header{margin-bottom:3rem;text-align:center}.tech-stack-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.tech-stack-header p{color:#6c757d;font-size:1.2rem;margin:0 auto;max-width:600px}.tech-scroll-wrapper{padding:1rem 0;position:relative}.tech-scroll-track{animation:scrollHorizontal 40s linear infinite;display:flex;gap:2rem;padding:2rem 0}.tech-scroll-track:hover{animation-play-state:paused}.tech-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 30px #807e7e14;display:flex;flex-direction:column;height:140px;justify-content:center;min-width:120px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tech-item:before{background:currentColor;content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.tech-item:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px) scale(1.05)}.tech-item:hover:before{transform:scaleX(1)}.tech-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));margin-bottom:.8rem;transition:all .3s ease}.tech-item:hover .tech-icon{transform:scale(1.2)}.tech-name{font-size:.9rem;font-weight:600;text-align:center;transition:color .3s ease}.tech-item[data-tech=HTML5]{color:#e34f26}.tech-item[data-tech=CSS3]{color:#1572b6}.tech-item[data-tech=Bootstrap]{color:#7952b3}.tech-item[data-tech="Tailwind CSS"]{color:#06b6d4}.tech-item[data-tech=JavaScript]{color:#fc0}.tech-item[data-tech=TypeScript]{color:#3178c6}.tech-item[data-tech="React.js"]{color:#1572b6}.tech-item[data-tech="Node.js"]{color:green}.tech-item[data-tech=PHP]{color:#777bb4}.tech-item[data-tech=Java]{color:#007396}.tech-item[data-tech=Python]{color:#3776ab}.tech-item[data-tech=SQL]{color:#4479a1}.tech-item[data-tech=Laravel]{color:#ff2d20}.tech-item[data-tech="Express.js"]{color:#fff}.tech-item[data-tech=MySQL]{color:#4479a1}.tech-item[data-tech=MongoDB]{color:green}.tech-item[data-tech=SQLite]{color:#003b57}.tech-item[data-tech=Sequelize]{color:#52b0e7}.tech-item[data-tech=Postman]{color:#ff6c37}.tech-item[data-tech=Git]{color:#f05032}.tech-item[data-tech=GitHub]{color:#fff}.tech-item[data-tech=Figma]{color:#f24e1e}@keyframes scrollHorizontal{0%{transform:translateX(0)}to{transform:translateX(calc(-1320px - 22rem))}}.tech-scroll-wrapper:after,.tech-scroll-wrapper:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:100px;z-index:2}@media (max-width:1024px){.tech-stack-header h2{font-size:2.5rem}.tech-item{height:130px;min-width:110px}}@media (max-width:768px){.tech-stack-section{padding:3rem 0}.tech-stack-header h2{font-size:2rem}.tech-stack-header p{font-size:1rem}.tech-item{height:120px;min-width:100px;padding:1rem .8rem}.tech-scroll-wrapper:after,.tech-scroll-wrapper:before{width:50px}}.floating-bg{border-radius:50%;opacity:.05;position:absolute;z-index:0}.floating-bg-1{animation:float 15s ease-in-out infinite;background:#667eea;height:300px;left:5%;top:10%;width:300px}.floating-bg-2{animation:float 12s ease-in-out infinite reverse;background:#764ba2;bottom:10%;height:200px;right:5%;width:200px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}
/*# sourceMappingURL=main.7f583601.css.map*/