:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#201f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav-height: 40px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{margin:0}section{scroll-margin-top:var(--nav-height)}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;position:fixed;z-index:100;width:100%;box-sizing:border-box;background-color:#201f1f}.logo{width:50px;height:50px}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px;padding:0}.hamburger-line{width:25px;height:3px;background-color:#fff;transition:all .3s ease;display:block}ul{display:flex;flex-direction:row;gap:30px;list-style:none;padding:0;margin:0}ul li{position:relative;padding-bottom:5px}ul li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:orange;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}ul li:hover:after{transform:scaleX(1);transform-origin:left}a{color:#fff;text-decoration:none;transition:color .3s ease}ul li:hover a{color:orange}@media (max-width: 768px){.navbar{padding:15px}.hamburger{display:flex}.navList{position:absolute;top:70px;left:0;width:100%;background-color:#201f1f;max-height:0;overflow:hidden;transition:max-height .3s ease}.navList.open{max-height:300px;box-shadow:0 4px 8px #0003}ul{flex-direction:column;gap:0;padding:20px}ul li{padding:15px 0;border-bottom:1px solid #333}ul li:after{display:none}ul li:hover a{color:orange}ul li:last-child{border-bottom:none}}#footer{padding:2rem;text-align:center}#footer nav{margin-top:1rem}#footer a{margin:0 1rem;color:#fff;text-decoration:none;transition:color .3s ease}#footer a:hover{color:#ff8c00;text-decoration:none}#footer .social-links{margin-top:1rem}#footer .social-links a{margin:0 .5rem}#footer p{color:#fff;margin-top:1rem;font-size:.95rem}@media (max-width: 768px){#footer{padding:1.5rem 1rem}#footer p{font-size:.9rem}#footer nav{margin-top:.8rem}#footer a{margin:0 .75rem;font-size:.95rem}#footer .social-links{margin-top:.8rem}#footer .social-links a{margin:0 .4rem}}@media (max-width: 480px){#footer{padding:1.2rem .75rem}#footer p{font-size:.85rem;line-height:1.4}#footer nav,#footer .social-links{display:flex;flex-direction:column;gap:.5rem}#footer nav{margin-top:1rem}#footer a{margin:0;font-size:.9rem;display:block}#footer .social-links{margin-top:.8rem}#footer .social-links a{margin:0}}#home{height:100vh;padding:2rem;display:flex;flex-direction:row;align-items:center}.home-text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.home-text h2{color:orange;margin-top:-10px;margin-bottom:10px}.home-text p{color:#fff;font-size:18px;text-align:center;margin:0;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:20px}.home-text .btn{display:inline-block;padding:10px 20px;font-size:16px;color:#fff;font-weight:700;background-color:#201f1f;border:1px solid orange;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.home-text .btn:hover{background-color:#ff8c00}.home-image{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.home-image img{width:400px;height:400px;border-radius:50%;object-fit:cover}@media (max-width: 768px){#home{flex-direction:column;padding:2rem 1.5rem;height:auto;gap:2rem;padding-top:100px}.home-text{width:100%}.home-text h1{font-size:28px}.home-text h2{font-size:20px}.home-text p{font-size:16px;margin:15px 0}.home-image{width:100%}.home-image img{width:300px;height:300px}}@media (max-width: 480px){#home{padding:1rem;padding-top:90px;gap:1.5rem}.home-text h1{font-size:22px}.home-text h2{font-size:16px;margin-bottom:8px}.home-text p{font-size:14px;margin:10px 0;max-width:100%}.home-text .btn{padding:8px 16px;font-size:14px;margin-top:15px}.home-image img{width:250px;height:250px}}#about{min-height:100vh;padding:4rem 2rem;background-color:#f9f9f9;color:#222;display:flex;flex-direction:column;align-items:center}#about h1{font-size:2.5rem;margin-bottom:1rem;margin-top:0}#about p{max-width:900px;text-align:start;font-size:1.1rem;line-height:1.7}.about-content{display:flex;flex-direction:column;width:100%;max-width:900px}.about-content section{margin-bottom:2rem}.about-content h2{font-size:1.8rem;margin-bottom:1rem}.job-experience h3{font-size:1.2rem;color:#f60;margin-bottom:0}.job-experience p{margin:0;font-weight:700}.about-content strong{color:#f60}.tools-list{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.tool-icon{width:40px;height:40px;transition:all .3s ease-in-out;margin-right:10px}.tool-icon:hover{transform:scale(1.5);transition:transform .3s ease}@media (max-width: 768px){#about{padding:3rem 1.5rem;min-height:auto;padding-top:100px}#about h1{font-size:2rem}#about p{max-width:100%;font-size:1rem}.about-content section{margin-bottom:1.5rem}.about-content h2{font-size:1.5rem;margin-bottom:.8rem;text-align:center}.job-experience h3{font-size:1.1rem}.job-experience p{font-size:.95rem}.about-content ul{padding:0}.about-content ul li{font-size:.95rem}.tools-list{gap:.8rem}.tool-icon{width:35px;height:35px;margin-right:5px}}@media (max-width: 480px){#about{padding:1.5rem 1rem;padding-top:90px}#about h1{font-size:1.8rem;margin-bottom:.8rem}#about p{font-size:.9rem;line-height:1.5}.about-content section{margin-bottom:1rem}.about-content h2{font-size:1.3rem;margin-bottom:.6rem}.job-experience h3{font-size:1rem}.job-experience p{font-size:.85rem}.about-content ul li{font-size:.85rem;margin-bottom:.5rem}.tools-list{gap:.6rem;justify-content:center}.tool-icon{width:30px;height:30px;margin-right:0}.tool-icon:hover{transform:scale(1.3)}}#projects{min-height:100vh;padding:4rem 2rem;color:#fff;display:flex;flex-direction:column;align-items:center}#projects h1{font-size:2.5rem;margin-bottom:1rem;margin-top:0}.projects-container{display:flex;flex-direction:column;gap:2rem;justify-content:center;width:100%}.project-card{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:2rem;box-sizing:border-box;padding:1rem}.project-card h2{color:orange;margin-bottom:.75rem}.project-content-left,.project-content-right{display:flex;flex-direction:column;align-items:center;width:50%}.project-card p{font-size:18px;line-height:1.7;text-align:center}.project-card a{margin:1rem 0 0;padding:10px 20px;border:1px solid orange;border-radius:5px;transition:background-color .3s ease;color:#fff;text-decoration:none}.project-card a:hover{background-color:#ff8c00;text-decoration:none}.project-card img{width:100%;max-width:600px;border-radius:8px;transition:all .3s ease-in-out}.project-card img:hover{cursor:pointer;transform:scale(1.05)}@media (max-width: 992px){#projects{padding:3rem 1.5rem}.project-card{gap:1.5rem}.project-card p{font-size:17px}.project-card img{max-width:500px}}@media (max-width: 768px){#projects{padding:2.5rem 1.2rem}.project-card{flex-direction:column;align-items:stretch}.project-content-left,.project-content-right{width:100%}.project-card p{text-align:left}.project-card img{max-width:100%;height:auto}}@media (max-width: 480px){#projects{padding:1.2rem .8rem}#projects h1{font-size:2rem;margin-bottom:1rem}.projects-container{gap:1.25rem}.project-card{gap:.75rem;padding:.75rem .8rem;border-radius:12px;background:#ffffff0a}.project-card p{font-size:16px;line-height:1.6}.project-card a{width:fit-content;padding:10px 18px;font-size:14px}.project-card img{border-radius:8px}}#contact{padding:4rem 2rem;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center}#contact h1{font-size:2.5rem;margin-bottom:1rem;color:#222;margin-top:0}#contact p{max-width:800px;text-align:center;font-size:1.1rem;line-height:1.7;color:#222;margin-bottom:2rem}#contact form{display:flex;flex-direction:column;width:100%;max-width:500px;gap:1.2rem;background-color:#fff;padding:2rem;border-radius:1rem;box-sizing:border-box;box-shadow:0 4px 10px #0000001a}#contact .form-group{display:flex;flex-direction:column}#contact label{margin-bottom:.5rem;font-weight:700;color:#222}#contact input,#contact textarea{margin-bottom:1rem;padding:.8rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;font-family:Montserrat,sans-serif}#contact button{font-family:Montserrat,sans-serif;padding:.8rem;font-size:1rem;color:#fff;background-color:#222;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}#contact button:hover{background-color:#ff8c00}#contact input:focus,#contact textarea:focus{border:1px solid darkorange;outline:none}#contact textarea{resize:none;min-height:100px;overflow:auto}@media (max-width: 768px){#contact{padding:3rem 1.5rem}#contact form{padding:1.8rem}#contact input,#contact textarea{font-size:.95rem;padding:.75rem}#contact button{padding:.9rem;font-size:.95rem}}@media (max-width: 480px){#contact{padding:2rem 1rem}#contact h1{font-size:2rem;margin-bottom:.8rem}#contact form{padding:1.2rem;gap:1rem;box-shadow:none;border-radius:1rem}#contact .form-group{width:100%}#contact label{font-size:.95rem}#contact input,#contact textarea{padding:.75rem;font-size:.95rem}#contact textarea{min-height:120px}#contact button{width:100%;padding:.95rem;font-size:.95rem}}