/* Reset & Fonts */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: #333; scroll-behavior: smooth; }

/* Header */
header { width: 100%; position: fixed; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 1000; }
nav { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; }
.logo { font-size: 1.5rem; font-weight: bold; color: #333; }
.logo i { margin-right: 0.5rem; }
.nav-links { list-style: none; display: flex; gap: 1.5rem; }
.nav-links li a { text-decoration: none; color: #333; font-weight: 500; display: flex; align-items: center; gap: 0.3rem; }
.nav-links li a:hover { color: #007bff; }
.burger { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
.burger div { width: 25px; height: 3px; background-color: #333; }

/* Sections */
.section { padding: 100px 2rem; text-align: center; }
.section:nth-child(even) { background: #f5f5f5; }
.section h2 { font-size: 2rem; margin-bottom: 2rem; display: inline-flex; align-items: center; gap: 0.5rem; }
.section p, .section ul { font-size: 1rem; margin-bottom: 1rem; }
.container { max-width: 1000px; margin: 0 auto; }

/* Cards */
.card { background: #fff; padding: 1.5rem; margin: 1rem 0; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: left; transition: transform 0.3s, box-shadow 0.3s; }
.card:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }

/* Buttons */
.btn { display: inline-block; padding: 0.5rem 1.2rem; background: #007bff; color: #fff; border-radius: 5px; text-decoration: none; transition: background 0.3s; }
.btn:hover { background: #0056b3; }
.download-btn { background: #28a745; margin-top: 1rem; }
.download-btn:hover { background: #1e7e34; }
.download-btn i { margin-right: 0.5rem; }

/* Skills Bars */
.skills-container { max-width: 600px; margin: 0 auto; }
.skill-bar-container { margin: 1rem 0; text-align: left; }
.skill-bar { width: 100%; background: #ddd; border-radius: 25px; overflow: hidden; height: 20px; }
.skill-level { height: 100%; width: 0; border-radius: 25px; background: #007bff; transition: width 2s; }
.skill-level.html { background: #e34c26; }
.skill-level.css { background: #264de4; }
.skill-level.js { background: #f0db4f; }
.skill-level.python { background: #306998; }

/* Animate on scroll */
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } }
.animate { opacity: 0; transform: translateY(30px); transition: all 0.6s ease-out; }
.animate.visible { animation: fadeInUp 1s forwards; }

/* Contact Form */
form { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto; gap: 1rem; }
input, textarea { padding: 0.5rem; border-radius: 5px; border: 1px solid #ccc; width: 100%; }
button { padding: 0.7rem; background: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s; }
button:hover { background: #0056b3; }

/* Footer */
footer { padding: 1rem; text-align: center; background: #333; color: #fff; }

/* Responsive */
@media screen and (max-width: 768px) {
    .nav-links { position: absolute; right: 0; height: 100vh; top: 0; flex-direction: column; background: #fff; width: 50%; transform: translateX(100%); transition: transform 0.3s ease; padding-top: 5rem; }
    .nav-links li { margin-bottom: 1.5rem; }
    .nav-links.active { transform: translateX(0); }
    .burger { display: flex; }
}
/* Sticky navbar */
header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Active nav link highlighting */
.nav-links li a.active {
    color: #007bff; /* Highlight color */
    font-weight: bold;
}
/* Buttons */
.btn { background: #1E90FF; }
.btn:hover { background: #104E8B; }
.download-btn { background: #FF7F50; }
.download-btn:hover { background: #CC6640; }

/* Active nav link */
.nav-links li a.active { color: #FF7F50; }

/* Sections */
.section:nth-child(even) { background: #F0F8FF; }

/* Skill Bars */
.skill-level.html { background: #E34C26; }
.skill-level.css { background: #264DE4; }
.skill-level.js { background: #F0DB4F; }
.skill-level.python { background: #306998; }

/* Card hover */
.card:hover { box-shadow: 0 6px 20px rgba(255,127,80,0.3); } /* Coral glow */
header { background: #FFFFFF; } /* white background */
.nav-links li a { color: #333333; } /* default link color */
.nav-links li a:hover { color: #1E90FF; } /* hover color */

/* Section Background Colors */
#home { background: #F0F8FF; color: #E34C26; }
#about { background: #FFFFFF; color: #264de4; }
#education { background: #E6F0FA; color: #333; }
#internships { background: #FFFFFF; color: #333; }
#skills { background: #FAF0E6; color: #333; }
#projects { background: #FFFFFF; color: #333; }
#achievements { background: #E6F0FA; color: #333; }
#contact { background: #F0F8FF; color: #333; }
footer { background: #333333; color: #FFFFFF; }