:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:Montserrat,sans-serif}body{margin:0;padding:0;background-color:#fafafa;color:#333;font-family:Montserrat,sans-serif;font-size:1em;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:20px;text-align:center}h1{font-size:2.5em;margin:.5em 0}.subtitle{font-size:1.5em;margin:.5em 0;color:#325aa8}.about-me-description{font-size:1em;margin:1em 0;text-align:justify;line-height:2}.blog-description{margin:1em 0;font-size:1em;text-align:justify;line-height:2}.experience{text-align:left;margin:2em 0}.experience h2{color:#a83232}.experience ul{list-style-type:none;padding-left:0}.experience li{margin:10px 0}.experience-title{font-size:2.5em;font-weight:700;color:#333;text-align:center;margin-bottom:1.5em}.experience-items{display:grid;grid-template-columns:1fr 1fr;gap:1em}.experience-item{background-color:#f7f7f7;border-radius:8px;padding:10px}.experience-item span{font-size:1.2em;font-weight:600}.experience-item p{font-size:1em;color:#555;line-height:1.6;margin-top:10px}.highlight-1{font-family:Montserrat,sans-serif;text-transform:uppercase;color:#a3a3a3;letter-spacing:.3em;font-weight:300}.highlight-2{color:#9c7d65}.highlight-3{color:#e0526d}.highlight-4{color:#4ea47d}.highlight-5{color:#ec6f5e}.highlight-6{color:#7f97a6}.highlight-7{color:#f0b932}.highlight-8{color:#7d4db0}.highlight-9{color:#5f90b7}.highlight-10{color:#c59e4b}.experience-item{padding:20px;text-align:center}.experience-item:nth-child(1){background-color:#f9d0d0;border-radius:50px 0 0}.experience-item:nth-child(2){background-color:#d0e7f9;border-radius:0 50px 0 0}.experience-item:nth-child(3){background-color:#ffd9c2;border-radius:0 0 0 50px}.experience-item:nth-child(4){background-color:#f2fbea;border-radius:0 0 50px}.experience-header{text-align:center}.social-bar{background-color:#f2f2f2;padding:20px 0;text-align:center;display:flex;justify-content:center;width:100%;margin:0 auto}.icon{width:20px;height:20px;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.icon:hover{filter:none;transform:scale(1.2);cursor:pointer}footer{background-color:#2c2c2c;color:#fff;padding:70px 0;text-align:center;font-size:17px}.header{background-color:#333;color:#fff;text-align:center;padding:50px 0}.header-content{display:inline-block;text-align:center}.name{font-size:2rem;font-weight:700;margin:0}.role-line{font-size:1rem;color:#bbb}.navbar{text-align:center}.nav-links{list-style:none;margin:0;padding:0}.nav-links li{display:inline-block;margin:0 25px}.nav-links a{color:#333;text-decoration:none;font-size:16px;font-weight:400;letter-spacing:2px;transition:color .3s ease,border-bottom .3s ease}.nav-links a:hover{color:#8b0000;border-bottom:2px solid #8B0000}.nav-links .active{color:#8b0000;font-weight:600;border-bottom:2px solid #8B0000;padding-bottom:5px}.history-text{font-size:15px;line-height:1.6;text-align:justify;color:#333;margin:20px 0;padding:0 20px}.construction-icon{font-size:60px;color:#e74c3c;margin-bottom:20px;animation:bounce 1s infinite alternate}.container a{text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.skills{display:flex;flex-direction:column;gap:20px;margin-top:100px}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.column{flex:1 1 50%;padding:10px;box-sizing:border-box;text-align:center}.column img{max-width:90%;height:auto}.skills .row .column img{width:500px;height:300px;object-fit:cover}.highlight-node{background-color:#8cc84b;color:#fff;padding:3px 6px;border-radius:4px}.highlight-react{background-color:#61dafb;color:#000;padding:3px 6px;border-radius:4px}.highlight-angular{background-color:#dd0031;color:#fff;padding:3px 6px;border-radius:4px}.highlight-android{background-color:#3ddc84;color:#000;padding:3px 6px;border-radius:4px}.highlight-ios{background-color:#000;color:#fff;padding:3px 6px;border-radius:4px}.footer-title{font-family:Montserrat,sans-serif;color:#a3a3a3;font-size:1rem}.footer-text{font-size:1rem}.nav-menu{background-color:#f0f0f0;padding:40px 0;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.nav-menu ul{display:flex;justify-content:center;list-style-type:none;padding:0;margin:0}.nav-menu li{margin:0 40px}.nav-menu a{text-decoration:none;color:#bdbdbd;font-size:17px;padding:10px 15px;position:relative;transition:color .3s ease,padding .3s ease}.nav-menu a.active{color:#333;font-weight:600}.nav-menu a:hover{color:#333}.contact-container{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px}.profile-pic{width:300px;height:250px;object-fit:cover;box-shadow:0 10px 15px #0000001a}.contact-text{font-size:1rem;color:#666;margin-bottom:15px;text-align:center}.social-icons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:10px}.social-icons a{margin-right:20px}.social-icons a:last-child{margin-right:0}.social-link{display:flex;align-items:center;text-decoration:none;font-size:18px;color:#333;padding:8px 16px;border-radius:30px;border:2px solid #e3e3e3;transition:background-color .3s ease,color .3s ease;font-weight:600;width:160px;justify-content:center}.social-link:hover{opacity:.9;background-color:#f0f0f0}.email{background-color:#f7f7f7}.email:hover{background-color:#e6e6e6}.linkedin{background-color:#f7f7f7}.linkedin:hover{background-color:#e0e0e0}.github{background-color:#f7f7f7}.github:hover{background-color:#e1e1e1}.social-icon{margin-right:10px;font-size:22px}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:50px}.contact-left,.contact-right{width:100%;flex:0px}.contact-right{padding-top:50px}.profile-pic{width:240px;height:240px}.row{flex-direction:column}.row.reverse-on-mobile{flex-direction:column-reverse}.column{width:100%}}.separator{border:none;height:1px;background-color:#ccc;margin:50px 0}.projects-container{display:flex;justify-content:center;padding:20px}.projects-content{width:70%;background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:none}.project-block{margin-bottom:40px}.project-block p{color:#4a4a4a;text-align:justify;line-height:1.6}ul{list-style-type:none;padding:0}ul li{margin-bottom:10px;color:#4a4a4a}ul li strong{font-weight:700}h4{font-size:1.3rem;color:#2a3d57;margin-bottom:15px}.project-block h3{display:flex;justify-content:space-between;align-items:center}.tag{background-color:#f1f1f1;border:1px solid #e0e0e0;color:#333;padding:8px 16px;border-radius:20px;font-size:14px;text-transform:capitalize;display:inline-block;margin-right:10px}.image-container{display:flex;justify-content:center;margin:20px 0}.project-block img{max-width:100%;height:auto;border-radius:8px}.projects-call-to-action{text-align:center}.cta-container p{font-family:Montserrat,sans-serif;color:#4a4a4a;font-size:1rem;line-height:1.6;font-weight:400}.cta-link{font-family:Montserrat,sans-serif;display:inline-block;color:#fff;background-color:#2c2c2c;text-decoration:none;font-weight:700;font-size:1rem;padding:12px 30px;border-radius:5px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.image-container img{max-width:60%;height:auto;display:block;margin:0 auto}.blog-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:0 20px;box-sizing:border-box}.blog-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#4a90e2}.blog-grid{display:grid;grid-template-columns:1fr;gap:2rem;justify-content:center;max-width:1200px;width:100%;margin:0 auto}.blog-card{position:relative;width:100%;height:450px;overflow:hidden;box-shadow:0 4px 20px #00000026;background-color:#000;border-radius:8px}.blog-image{width:100%;height:100%;object-fit:cover;filter:brightness(60%);border-radius:8px}.blog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(to top,#000000b3,#0003);border-radius:8px}.blog-title-text{font-size:1.5rem;margin-bottom:.5rem;font-weight:700;color:#f0f0f0;position:relative;display:inline-block;padding-bottom:4px;border-bottom:1px solid #f0f0f0}.blog-excerpt{font-size:1rem;margin-bottom:1rem;font-family:Montserrat,sans-serif;text-align:justify}.blog-read-more{text-decoration:none;background-color:#f0f0f0;padding:.6rem 1.2rem;border-radius:5px;color:#000;font-weight:700;align-self:flex-end}@media (max-width: 768px){.projects-container{padding:10px}.projects-content{width:100%;padding:15px}.project-block h3{flex-direction:column;align-items:flex-start}.tags-inline{margin-top:10px}.tag{padding:6px 12px;font-size:13px;margin-bottom:8px}.image-container img{max-width:100%}.cta-link{font-size:.95rem;padding:10px 20px}.cta-container p{font-size:.95rem;line-height:1.5}}@media (max-width: 768px){.nav-menu{background-color:#f0f0f0;padding:30px 0;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.nav-menu ul{display:flex;flex-direction:row;gap:30px;list-style:none;margin:0;padding:0}.nav-menu li{margin:0;padding:0}.nav-menu a{text-decoration:none;color:#bdbdbd;font-size:16px;font-weight:600;padding:0;display:inline-block;line-height:1}.nav-menu a.active,.nav-menu a:hover{color:#333}.social-bar{padding:0}.contact-container{padding:20px}}.description-container{padding:20px;border-radius:8px;margin-bottom:20px}.description{font-size:18px;line-height:1.6;color:#666;white-space:pre-wrap;word-wrap:break-word;padding:15px;border-radius:5px}.post-header{color:#4a4a4a;text-align:left;font-family:Montserrat,sans-serif}.post-text,.description-post{text-align:justify;font-family:Montserrat,sans-serif}.ul-post{list-style:none;padding:0}.ul-post li{position:relative;padding-left:20px;margin-bottom:10px}.ul-post li:before{content:"·";position:absolute;left:0;top:0;font-size:24px;color:#444;line-height:1}.post-text{font-size:16px;color:#333;line-height:1.6}.post-li-title{font-weight:700}.cover-image{width:100%;height:500px;object-fit:cover;filter:brightness(60%);display:block;margin:0 auto}@media (max-width: 768px){.cover-image{height:300px}}@media (max-width: 480px){.cover-image{height:200px}}.post-a{color:#2471a3;font-weight:700!important;text-decoration:none}