*{box-sizing: border-box;}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.6;
  color:#333;
  background:linear-gradient(135deg,#0a0f2d,#1b0058,#24006b);
}
.site-header{
  background:#0a0f2d;
  border-bottom: 1px solid #7f5dff;
  padding: 12px 16px;
  position: sticky;
  top: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  z-index: 100;
  color: #e8ecff;
}
.logo { 
  margin: 0 0 6px 0; 
  font-size: 20px; 
  
}
.nav { display: flex; gap: 12px; flex-wrap: wrap; }
.nav a {
  margin-top: 10px;
  padding: 8px 16px;
  border: 2px solid #7f5dff;
  text-decoration:none;
  color: #e8ecff;
  border-radius: 20px;
  display: inline-block;
  margin: 4px;
  background: transparent;
  transition: 0.3s;
}
.nav a:hover { background:#7f5dff;  }
.social{
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section{
scroll-margin-top: 130px;
background:#1a2250;
color: #e8ecff;
margin: 30px auto;
padding: 16px;
border: 1px solid #7f5dff;
border-radius: 10px;
width: 90%;
max-width: 900px;
}
.Profile-image{
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 4px solid #333;
  object-fit: cover;
}
.section a{
  color: white;
}
.section a:hover{
  color: #7f5dff;
}
.footer{
  color:#e8ecff;
  text-align: center;
  padding: 10px 0;
}