@charset "UTF-8";

<style>
body {
  background-color:#121212;
  font-family:'Segoe UI','Helvetica Neue',sans-serif;
  color:#e0e0e0;
  margin:0 auto;
  padding:30px;
  max-width:900px;
}

h1 {
  color:#bb86fc;
  text-align:center;
  font-size:42px;
  font-weight:600;
  margin-bottom:20px;
  border-bottom:1px solid #333;
  padding-bottom:10px;
  letter-spacing:1px;
}

.profile-img {
  display:block;
  margin:0 auto 30px;
  border:3px solid #333;
  border-radius:12px;
  max-width:90%;
  box-shadow:0 0 20px rgba(187,134,252,0.3);
}

.bio,.tip-menu,.social {
  background-color:#1f1f1f;
  border-radius:10px;
  padding:20px;
  margin:20px auto;
  box-shadow:0 0 10px rgba(0,0,0,0.4);
}

.bio p {
  font-size:16px;
  line-height:1.6;
}

.tip-menu h2,.social h2 {
  color:#bb86fc;
  margin-bottom:10px;
  border-bottom:1px solid #333;
  padding-bottom:5px;
}

.tip-menu ul {
  list-style:none;
  padding-left:0;
  font-size:15px;
}

.tip-menu li {
  padding:6px 0;
  border-bottom:1px solid #333;
}

.social a {
  display:inline-block;
  margin:8px 10px 0 0;
  padding:10px 16px;
  background-color:#bb86fc;
  color:#121212;
  text-decoration:none;
  border-radius:6px;
  font-weight:bold;
  transition:background .3s;
}

.social a:hover {
  background-color:#9b5dfc;
}