*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Segoe UI, sans-serif;
}

body{
background:#f4f7fb;
color:#333;
}

/* NAVBAR */

nav{
background:linear-gradient(90deg,#1e3c72,#2a5298);
padding:15px;
text-align:center;
}

nav a{
color:white;
margin:0 18px;
text-decoration:none;
font-weight:600;
font-size:16px;
}

nav a:hover{
color:#ffd700;
}

/* HEADER */

header{
text-align:center;
padding:70px 20px;
background:linear-gradient(120deg,#4facfe,#00f2fe);
color:white;
}

header h1{
font-size:38px;
margin-bottom:10px;
}

header p{
font-size:18px;
}

/* SECTION */

section{
max-width:900px;
margin:30px auto;
padding:25px;
background:white;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

h2{
margin-bottom:15px;
color:#1e3c72;
border-bottom:3px solid #4facfe;
display:inline-block;
padding-bottom:5px;
}

/* SKILLS */

.skills{
margin-top:10px;
}

.skills span{
display:inline-block;
background:linear-gradient(45deg,#4facfe,#00f2fe);
color:white;
padding:8px 16px;
margin:6px;
border-radius:25px;
font-size:14px;
}

/* PROJECT CARDS */

.project{
background:#f8fbff;
padding:15px;
margin-top:15px;
border-left:5px solid #4facfe;
border-radius:6px;
}

/* BUTTON */

button{
margin-top:15px;
padding:10px 18px;
background:#4facfe;
border:none;
color:white;
border-radius:6px;
cursor:pointer;
font-size:15px;
}

button:hover{
background:#2a5298;
}

/* CONTACT LINKS */

a{
color:#1e3c72;
font-weight:600;
}

/* FOOTER */

footer{
text-align:center;
padding:20px;
background:#1e3c72;
color:white;
margin-top:40px;
}