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}header{background:linear-gradient(45deg,#000,#14213d);color:#fff;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}header nav{align-items:center;display:flex;justify-content:space-between;padding:0 2rem}header .logo{color:#fca311;font-size:2rem;font-weight:700}header nav ul{display:flex;list-style-type:none}header nav ul li{margin-left:20px}header nav ul li a{color:#fff;font-size:1.1rem;text-transform:uppercase;transition:color .3s ease-in-out}header nav ul li a:hover{color:#fca311}.menu-toggle{color:#fff;cursor:pointer;display:none;font-size:2rem}@media (max-width:768px){header nav ul{background:linear-gradient(45deg,#000,#14213d);display:none;flex-direction:column;padding:10px 0;position:absolute;right:0;text-align:center;top:60px;transition:all .3s ease-in-out;width:100%}header nav ul.active{display:flex}header nav ul li{margin:15px 0}header nav ul li a{color:#fff;display:block;padding:10px;transition:color .3s ease-in-out}header nav ul li a:hover{color:#fca311}.menu-toggle{display:block}}#home{animation:fadeInUp 1s ease-in-out;background:#14213d;color:#fff;flex-direction:column;justify-content:center;min-height:100vh;padding:6rem 2rem 2rem;text-align:center}#home,#home .container{align-items:center;display:flex}#home .container{flex-direction:row-reverse;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}#home .content{margin:2rem;max-width:600px;text-align:left}#home h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}#home .name{color:#fca311;font-size:2.5rem}.role{animation:blinkCursor .8s infinite;border-right:2px solid #fca311;color:#ffffffb3;font-size:1.5rem;font-weight:400;margin-top:.5rem;opacity:.8;overflow:hidden;white-space:nowrap;width:-webkit-fit-content;width:fit-content}#home p{color:#e5e5e5b3;font-size:1.2rem;margin-top:.3rem}.profile-image{border-radius:50%;box-shadow:0 4px 10px #0000004d;height:350px;object-fit:cover;transition:box-shadow .3s ease,transform .3s ease;width:350px}.profile-image:hover{box-shadow:0 8px 20px #00000080;transform:scale(1.1)}.download-btn{background-color:#fca311;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:12px 20px;text-align:center;transition:all .3s ease-in-out}.download-btn:hover{background-color:#14213d;border:2px solid #fca311;color:#fca311}@keyframes blinkCursor{50%{border-color:#0000}}@media (max-width:768px){#home{height:auto;padding:7rem 1.5rem 2rem}#home .container{flex-direction:column;gap:1.5rem;text-align:center}#home .content{margin:0;text-align:center}.profile-image{height:250px;margin-top:1rem;width:250px}.role{font-size:1.3rem}.download-btn{padding:10px;width:100%}}#about{padding:5rem 0}#skills{background-color:#14213d;color:#fff;padding:7.5rem 2rem 4rem;text-align:center}#skills h2{color:#fca311;font-size:2.5rem;margin-bottom:2rem}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill{align-items:center;display:flex;flex-direction:column;transition:transform .3s ease}.skill:hover{transform:scale(1.2)}.icon{border-radius:50%;box-shadow:0 4px 10px #0003;font-size:4rem;padding:1rem;transition:color .3s ease,box-shadow .3s ease}.html{color:#e34c26}.css{color:#1572b6}.react{color:#61dbfb}.express{background-color:#000;color:#fff}.nodejs{color:#83cd29}.icon:hover{box-shadow:0 6px 15px #0006;color:#fca311}#projects{padding:4rem 0}#projects h2{color:#000308f3}.project-card{box-shadow:0 6px 15px #0000001a;overflow:hidden;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-10px)}.project-card img{object-fit:cover;transition:transform .3s ease}.project-card img:hover{transform:scale(1.05)}.project-card p{line-height:1.6;margin-top:1rem}.project-card a{color:#fca311;display:inline-block;font-size:1rem;margin-top:1rem;text-decoration:none}.project-card a:hover{text-decoration:underline}.certificates-section{background:linear-gradient(90deg,#14213d,#000);color:#fff;padding:4rem 2rem;text-align:center}.cert-title{animation:fadeInDown .6s ease-in-out;color:#fca311;font-size:2.5rem;margin-bottom:2rem}.cert-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cert-card{background:#101024;border-radius:15px;box-shadow:0 4px 15px #0006;opacity:0;padding:1rem;transform:translateY(50px);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:300px}.cert-card.visible{opacity:1;transform:translateY(0)}.cert-card:hover{box-shadow:1px 0 21px 1px #916114b3;transform:translateY(-10px) scale(1.05)}.cert-img{border-radius:10px;height:200px;object-fit:cover;transition:transform .4s ease-out;width:100%}.cert-img:hover{transform:scale(1.05)}.cert-info{margin-top:1rem}.cert-info h3{color:#e5e5e5;font-size:1.4rem}.cert-info p{color:#fca311;font-weight:700;margin-top:.3rem;visibility:hidden}.cert-card:hover .cert-info p{visibility:visible!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.cert-container{align-items:center;flex-direction:column}}#contact form button{transition:all .3s ease}#contact form button:hover{border:1px solid #fff}.response-message{border-radius:5px;font-size:1.1rem;font-weight:700;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:600px;padding:.8rem;text-align:center}.response-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.response-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}#footer{background-color:#14213d;color:#e5e5e5;padding:1.5rem 0;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-content p{color:#fff;font-size:1rem;margin:0}.page{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e5e5e5;color:#333;font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0}button{cursor:pointer}#about{background:#fff;padding:8rem 0 2rem;text-align:center}#about h2{color:#14213d;font-size:2.5rem;margin-bottom:1rem}#about p{color:#333;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}#projects{background:#e5e5e5;padding:8rem 0 1rem;text-align:center}#projects h2{color:#14213d;font-size:2.5rem;margin-bottom:2rem}.project-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:inline-block;margin:1rem;padding:2rem;transition:transform .3s ease;width:300px}.project-card:hover{transform:scale(1.05)}.project-card img{border-radius:8px;width:100%}.project-card h3{color:#14213d;font-size:1.5rem;margin-top:1rem}.project-card p{color:#666;font-size:1rem}#contact{background:#14213d;color:#fff;padding:4rem 0;text-align:center}#contact h2{color:#fca311;font-size:2.5rem;margin-bottom:1rem}#contact form{display:flex;flex-direction:column;margin:0 auto;max-width:600px}#contact form input,#contact form textarea{border:none;border-radius:5px;font-size:1rem;margin-bottom:1rem;padding:1rem}#contact form button{background:#fca311;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:background .3s ease}#contact form button:hover{background:#14213d}footer{background-color:#0d1117;color:#e5e5e5;padding:2rem;text-align:center}footer .social-icons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}footer .social-icons a{color:#e5e5e5;font-size:2rem;transition:color .3s ease,transform .3s ease}footer .social-icons a:hover{color:#fca311;transform:scale(1.2)}@media (max-width:768px){header nav ul{align-items:center;flex-direction:column}.project-card{width:90%}#home{padding:3rem 0}#home h2{font-size:2rem}#home p{font-size:1rem}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in:not(.visible){opacity:0;transform:translateY(30px)}.push-up{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.push-up.visible{opacity:1;transform:translateY(0)}.push-up:not(.visible){opacity:0;transform:translateY(50px)}
/*# sourceMappingURL=main.9c4529f7.css.map*/