<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>**** Profile</title>
<style>
body {
background-color: #1a1a1a;
font-family: 'Arial', sans-serif;
color: #fff;
margin: 0;
padding: 0;
}
.profile-container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: #2e2e2e;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
section {
margin-bottom: 20px;
}
.about-me {
display: flex;
align-items: center;
}
.about-me img {
border-radius: 50%;
margin-right: 20px;
width: 150px;
height: 150px;
}
.about-text {
max-width: 600px;
}
h2, h3, h4 {
color: #ff69b4;
text-shadow: 0 0 5px rgba(255, 105, 180, 0.8);
}
.likes-dislikes {
display: flex;
justify-content: space-between;
}
.likes, .dislikes {
width: 45%;
}
.likes ul, .dislikes ul {
list-style: none;
padding: 0;
}
.likes li, .dislikes li {
background: #3e3e3e;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.tip-menu ul {
list-style: none;
padding: 0;
}
.tip-menu li {
background: #3e3e3e;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
text-shadow