.navbar{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-menu{display:flex;gap:20px;list-style:none;margin:0}.navbar-menu li a{color:#fff;font-weight:500;text-decoration:none}.navbar-menu li a:hover{text-decoration:underline}.home-page{align-items:flex-start;background-color:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.home-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:row;gap:40px;max-width:1100px;padding:40px}.home-text{flex:2 1}.home-text h1{color:#2c3e50;font-size:2rem;margin-bottom:20px}.home-text p{color:#333;font-size:1rem;line-height:1.6;margin-bottom:16px}.home-photo{align-items:start;display:flex;flex:1 1;justify-content:center}.home-photo img{border-radius:8px;box-shadow:0 0 10px #00000026;height:auto;max-width:100%}.social-links{margin-top:20px}.social-icon{color:#0072b1;font-size:1.8rem;margin-right:15px;transition:transform .2s ease-in-out}.social-icon:nth-child(2){color:#333}.social-icon:nth-child(3){color:#d44638}.social-icon:nth-child(4){color:#555}.social-icon:hover{transform:scale(1.2)}.about-page{align-items:flex-start;background-color:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.about-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:row;gap:40px;max-width:1100px;padding:40px}.about-text{flex:2 1}.about-text h1{color:#2c3e50;font-size:2rem;margin-bottom:20px}.about-text h2{color:#34495e;font-size:1.5rem;margin-top:30px}.about-text p{color:#333;font-size:1rem;line-height:1.6;margin-bottom:16px}.about-photo{align-items:start;display:flex;flex:1 1;justify-content:center}.about-photo img{border-radius:8px;box-shadow:0 0 10px #00000026;height:auto;max-width:100%}.projects-container{margin:auto;max-width:900px;padding:20px}.project-card{background:#fff;border-radius:10px;box-shadow:0 1px 5px #0000001a;margin-bottom:20px;padding:20px}.page{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.section-title{color:#333;font-size:28px;margin-bottom:20px}.contact-container,.task-container,.testing-demo-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.contact-form-group,.task-input-group,.upload-section{margin-bottom:16px}.contact-form-group input,.contact-form-group textarea,.task-input-group input,.upload-section input[type=file]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}button{background-color:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#005fa3}.task-list,.testing-buttons{list-style:none;margin-top:16px;padding:0}.task-list li,.testing-buttons button{margin-bottom:10px}.task-list li span{margin-right:10px}.task-list li.done span{color:#888;text-decoration:line-through}.testing-buttons button{margin-bottom:16px;margin-right:30px}.testing-demo-container input,.testing-demo-container select,.testing-demo-container textarea{display:block;margin-bottom:12px}.testing-demo-container>div{margin-bottom:24px}.testing-demo-container>div:first-child button{margin-bottom:16px;width:auto}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px auto;max-width:400px;padding:30px}.login-container form{display:flex;flex-direction:column}.login-container input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:16px;padding:10px}.login-container button{background-color:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.login-container button:hover{background-color:#005fa3}.login-container p{color:red;margin-top:10px}.contact-container{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin:auto;max-width:600px;padding:30px}.contact-container form input,.contact-container form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-bottom:12px;padding:10px;width:100%}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{min-height:100vh}
/*# sourceMappingURL=main.a59b866f.css.map*/