body{
font-family: Arial;
margin:0;
background:linear-gradient(135deg,#6a11cb,#2575fc);
color:#333;
}

header{
text-align:center;
padding:40px;
background:rgba(0,0,0,0.7);
color:white;
}

.tagline{
font-size:18px;
opacity:0.9;
}body{

font-family: Arial;
margin:0;

background:linear-gradient(135deg,#667eea,#764ba2);

color:#333;

}


header{

text-align:center;

padding:40px;

background:rgba(0,0,0,0.7);

color:white;

}


nav a{

color:white;

margin:10px;

text-decoration:none;

font-weight:bold;

}


nav a:hover{

color:#ffd700;

}


section{

padding:40px;

text-align:center;

background:white;

margin:30px;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,0.2);

}


.skills{

display:flex;

justify-content:center;

flex-wrap:wrap;

}


.skill-box{

background:#667eea;

color:white;

padding:10px 20px;

margin:10px;

border-radius:20px;

transition:0.3s;

}


.skill-box:hover{

transform:scale(1.1);

background:#764ba2;

}


.project{

background:#f4f4f4;

padding:20px;

margin:20px;

border-radius:10px;

transition:0.3s;

}


.project:hover{

transform:translateY(-10px);

box-shadow:0 10px 20px rgba(0,0,0,0.3);

}


.btn{

display:inline-block;

margin-top:15px;

padding:10px 20px;

background:#667eea;

color:white;

text-decoration:none;

border-radius:25px;

transition:0.3s;

}


.btn:hover{

background:#764ba2;

transform:scale(1.05);

}


.btn-small{

display:inline-block;

margin-top:10px;

padding:8px 15px;

background:#333;

color:white;

text-decoration:none;

border-radius:20px;

}


.btn-small:hover{

background:#555;

}


.social a{

margin:10px;

font-weight:bold;

text-decoration:none;

color:#667eea;

}


footer{

text-align:center;

padding:20px;

color:white;

}

nav{
margin-top:15px;
}

nav a{
color:white;
margin:10px;
text-decoration:none;
font-weight:bold;
}

nav a:hover{
color:yellow;
}

section{
padding:40px;
text-align:center;
background:white;
margin:30px;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.skill-box{
display:inline-block;
background:#2575fc;
color:white;
padding:10px 20px;
margin:10px;
border-radius:20px;
transition:0.3s;
}

.skill-box:hover{
transform:scale(1.1);
background:#6a11cb;
}

.project{
background:#f4f4f4;
padding:20px;
margin:15px;
border-radius:10px;
transition:0.3s;
}

.project:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

footer{
text-align:center;
padding:20px;
color:white;
}