.nav-bar{background-color:#1c1e24;box-shadow:0 4px 10px #0000004d;height:4rem;justify-content:space-between;padding:20px 40px;position:sticky;top:0;transition:background-color .3s ease;z-index:1000}.nav-bar,.square-icon{align-items:center;display:flex}.square-icon{border-radius:10px;box-shadow:0 4px 8px #0003;color:#61dafb;font-size:3rem;font-weight:700;justify-content:center;max-height:4rem;width:100px}.m-letter{font-family:Arial,sans-serif}.logo{height:50px}.navbar-menus{display:flex;gap:30px}.nav-link{color:#fff;cursor:pointer;font-weight:700;text-decoration:none;transition:color .3s ease}.active{border-bottom:2px solid #52c4e0}.active,.nav-link:hover{color:#52c4e0}.btn-contact{border-radius:30px;color:#1c1e24;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s}.btn-contact:hover{transform:scale(1.05)}.menu-icon{background:#0000;border:none;color:#61dafb;cursor:pointer;display:none;font-size:24px}.mobile-nav{background-color:#1c1e24;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:none;flex-direction:column;left:0;padding:20px;position:absolute;top:70px;width:100%}.mobile-nav.open{display:flex}.mobile-nav .nav-link{margin-bottom:15px}@media (max-width:768px){.btn-contact,.navbar-menus{display:none}.menu-icon{display:block}.mobile-nav{display:none}}#introduction{align-items:center;background-color:#282c34;border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;display:flex;justify-content:space-between;margin:0 auto;max-width:75rem;min-height:calc(100vh - 4rem);padding:60px 30px}.introduction-content{flex:1 1;margin-right:30px}.hello{font-size:2.5rem;font-weight:300}.hello,.name{color:#61dafb}.name{font-weight:700;margin-top:10px}.name,.typing-text{display:inline-block}.typing-text{animation:typing 4s steps(30),blink .7s step-end infinite;border-right:2px solid #61dafb}@keyframes typing{0%{width:0}to{width:18ch}}@keyframes blink{50%{border-color:#0000}}.paragraph{color:#bbb;font-size:1.2rem;line-height:1.6;margin:20px 0;max-width:500px}.btn-contact{align-items:center;background-color:#61dafb;border:none;border-radius:5px;color:#282c34;cursor:pointer;display:flex;font-size:1rem;padding:15px 30px;transition:background-color .3s ease}.btn-contact svg{margin-right:10px}.btn-contact:hover{background-color:#52c4e0}.introduction-image-container{border-radius:50%;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:5px;position:relative}.introduction-image{animation:float 4s ease-in-out infinite;border-radius:50%;box-shadow:0 10px 20px #0003;height:200px;object-fit:cover;width:200px;z-index:1000}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-17px)}to{transform:translateY(0)}}@media (max-width:768px){#introduction{flex-direction:column;padding:40px 20px}.introduction-content{align-items:center;display:flex;flex-direction:column;margin-right:0;text-align:center}.introduction-image{height:140px;margin-top:30px;width:140px}.hello{font-size:2rem}.paragraph{font-size:1rem;margin:20px 0}.btn-contact{font-size:.9rem;padding:10px 20px}}#skills{background-color:#232323;border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin:0 auto;max-width:40rem;min-height:calc(100vh - 4rem);padding:40px;text-align:center}.skills-title{animation:slideIn 1s ease-in-out;color:#52c4e0;font-family:Montserrat,sans-serif;font-size:2.5rem;margin-bottom:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.skills-grid{flex-wrap:wrap;justify-content:space-around}.skill-item,.skills-grid{align-items:center;display:flex}.skill-item{background-color:#1f2229;border-radius:10px;cursor:pointer;flex:1 0;flex-direction:column;margin:20px;padding:20px;transition:transform .3s ease,background-color .3s ease}.skill-item:hover{background-color:#333;transform:scale(1.1)}.skill-icon{font-size:4rem;margin-bottom:10px;transition:color .3s ease}.skill-item span{color:#fff;font-size:1.2rem;font-weight:700;margin-top:10px}.html{color:#e34c26}.css{color:#1572b6}.react{color:#61dbfb}.node{color:#68a063}.express{color:#fff}.skill-item:hover .html{color:#ff5733}.skill-item:hover .css{color:#2965f1}.skill-item:hover .react{color:#00d8ff}.skill-item:hover .node{color:#8cc84b}.skill-item:hover .express{color:#444}#portfolio{background-color:#282c34;border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:40px;text-align:center}.portfolio-title{animation:fadeIn 1s ease-in-out;color:#61dafb;font-family:Montserrat,sans-serif;font-size:2.5rem;margin-bottom:30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background-color:#1f2229;border-radius:10px;box-shadow:0 5px 15px #0003;padding:20px;text-align:left;transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-title{color:#61dafb;font-size:1.5rem;margin-bottom:10px}.project-description{color:#bbb;font-size:1rem;margin-bottom:20px}.project-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{background-color:#333;border-radius:5px;color:#61dafb;font-size:.9rem;padding:5px 10px}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}}#contact{background-color:#1c1e24;border-radius:15px;box-shadow:0 12px 35px #0000004d;color:#f0f0f0;margin:0 auto;max-width:900px;min-height:calc(100vh - 4rem);padding:80px 50px;text-align:center}.title{color:#61dafb;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:20px}.description{color:#b3b3b3;font-size:1.5rem;font-style:italic;margin-bottom:40px}.form{display:flex;flex-direction:column;gap:25px}input,textarea{background-color:#2c313a;border:1px solid #3a3f47;border-radius:8px;box-shadow:0 5px 15px #0003;color:#fff;font-size:1rem;padding:18px;transition:all .3s ease}input::placeholder,textarea::placeholder{color:#9a9a9a}input:focus,textarea:focus{border-color:#61dafb;box-shadow:0 0 10px #61dafb99;outline:none}textarea{resize:none}.btn-submit{background-color:#61dafb;border:none;border-radius:30px;box-shadow:0 8px 20px #61dafb4d;color:#1c1e24;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:auto;max-width:25rem;padding:.5rem 1rem;text-transform:uppercase;transition:background-color .3s ease,transform .2s;width:50%}.btn-submit:hover{background-color:#52c4e0;transform:translateY(-5px)}.error-message{color:#ff6b6b;font-weight:700;margin-bottom:20px}.social-links{display:flex;gap:30px;justify-content:center;margin-top:40px}.social-links a{color:#fff;cursor:pointer;font-size:2rem;transition:transform .3s ease,color .3s ease}.social-links svg:hover{color:#61dafb;transform:scale(1.2)}.modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 12px 30px #0003;color:#1c1e24;max-width:400px;padding:30px;text-align:center}.success-modal .modal-content{border-left:6px solid #61dafb}.failure-modal .modal-content{border-left:6px solid #ff6b6b}.modal button{background-color:#61dafb;border:none;border-radius:5px;box-shadow:0 5px 10px #61dafb33;color:#1c1e24;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.modal button:hover{background-color:#52c4e0}@media (max-width:768px){#contact{padding:60px 30px}.title{font-size:2.5rem}.description{font-size:1.2rem}input,textarea{padding:15px}.btn-submit{font-size:1rem;padding:12px 25px}.social-links svg{font-size:1.5rem}}.footer{background-color:#282c34;bottom:0;box-shadow:0 -2px 5px #0000001a;color:#fff;padding:20px 0;position:relative;text-align:center;width:100%}.footer-content{margin:0 auto;max-width:75rem}.footer-description{color:#bbb;font-size:.9rem;margin-top:5px}*{background:#0000;box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}body{background:#1e1e1e;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;min-width:100vw;overflow:hidden;overflow-y:scroll;width:100vw}ul{list-style-type:none}a{color:#000;text-decoration:none}.btn{background:#fff;border:none;border-radius:.5rem;margin:.2rem;padding:.15rem .5rem;text-align:center;text-transform:capitalize}.food-app{background-color:#eee;margin:auto;max-width:90%;min-height:100vh}.food-app svg{color:orange}
/*# sourceMappingURL=main.356a301b.css.map*/