/* style.css */
/* Reset and Base */ html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f4f4; color: #333; }
/* Header */ header { background-color: #1e1e1e; color: white; padding: 2rem 1rem; }
.header-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1200px; margin: auto; }
.text-side h1 { font-size: 3rem; margin-bottom: 0.3rem; }
.text-side p { font-size: 1.2rem; color: #ccc; }
.image-side img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
/* Navigation Bar */ nav { background-color: #2c3e50; padding: 1rem; position: sticky; top: 0; z-index: 1000; }
nav ul { display: flex; justify-content: center; gap: 2rem; list-style: none; margin: 0; padding: 0; }
nav a { color: white; font-weight: bold; text-decoration: none; transition: color 0.3s; }
nav a:hover { color: #3498db; }
/* Sections */ section { padding: 3rem 1rem; max-width: 1000px; margin: auto; }
h2 { font-size: 2rem; margin-bottom: 1rem; color: #2c3e50; position: relative; }
h2::after { content: ""; display: block; width: 50px; height: 3px; background-color: #3498db; margin-top: 0.5rem; }
p, li { font-size: 1rem; line-height: 1.6; }
ul { padding-left: 1.5rem; }
li { margin-bottom: 0.5rem; }
/* Resume Button */ .resume-button { background-color: #3498db; color: white; padding: 0.7rem 1.5rem; border-radius: 5px; text-decoration: none; font-weight: bold; transition: background 0.3s; }
.resume-button:hover { background-color: #2980b9; }
/* Links */ a { color: #2980b9; text-decoration: none; }
a:hover { text-decoration: underline; }
/* Contact Form */ form { display: flex; flex-direction: column; gap: 1rem; }
input, textarea { padding: 0.8rem; border: 1px solid #ccc; border-radius: 5px; font-size: 1rem; }
button { background-color: #3498db; color: white; border: none; padding: 0.8rem; border-radius: 5px; cursor: pointer; transition: background 0.3s; font-size: 1rem; }
button:hover { background-color: #2980b9; }
/* Responsive */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } .image-side img { margin-top: 1rem; } nav ul { flex-direction: column; gap: 1rem; } }