@charset "UTF-8";

/* General Profile Settings */
body {
  background-color:#ffe6f2;
  font-family:'Comic Sans MS',cursive,sans-serif;
  color:#333;
  background-image:url(https://example.com/heart-print.png);
/* Replace with the URL of your heart print image */
  background-repeat:repeat;
  background-size:contain;
}

/* Header */
#header {
  background-color:#ff69b4;
  color:#fff;
  padding:20px;
  text-align:center;
  position:relative;
  font-size:2em;
}

#header h1 {
  margin:0;
  font-size:2.5em;
  position:relative;
  text-shadow:2px 2px 4px #ff1493;
}

#header::before,#header::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
}

#header::before {
  left:10px;
}

#header::after {
  right:10px;
}

/* Banner */
#banner {
  background-color:#ff1493;
  padding:10px;
  text-align:center;
  position:relative;
  margin:20px auto;
  width:80%;
  border-radius:10px;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
}

#banner::before,#banner::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
}

#banner::before {
  left:10px;
}

#banner::after {
  right:10px;
}

#banner p {
  margin:0;
  font-size:1.5em;
  color:#fff;
  font-weight:bold;
  text-shadow:1px 1px 3px #333;
}

/* Profile Picture */
.profile-pic {
  border-radius:50%;
  border:5px solid #ff69b4;
  width:150px;
  height:150px;
  margin:20px auto;
  display:block;
  position:relative;
}

.profile-pic::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  bottom:-10px;
  right:-10px;
  width:30px;
  height:30px;
}

/* About Section */
.about {
  background-color:#fff;
  border-radius:10px;
  padding:20px;
  margin:20px auto;
  width:80%;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
  position:relative;
  font-size:1.2em;
  line-height:1.5em;
}

.about h2 {
  color:#ff69b4;
  font-size:2em;
  margin-top:0;
  position:relative;
  text-shadow:1px 1px 3px #ff1493;
}

.about h2::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  right:-40px;
  top:0;
  width:20px;
  height:20px;
}

.about p {
  font-size:1.2em;
  line-height:1.5em;
}

/* Interests Section */
.interests {
  background-color:#fff;
  border-radius:10px;
  padding:20px;
  margin:20px auto;
  width:80%;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
  position:relative;
  font-size:1.2em;
  line-height:1.5em;
}

.interests h2 {
  color:#ff69b4;
  font-size:2em;
  margin-top:0;
  position:relative;
  text-shadow:1px 1px 3px #ff1493;
}

.interests h2::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  right:-40px;
  top:0;
  width:20px;
  height:20px;
}

.interests ul {
  list-style-type:none;
  padding:0;
}

.interests ul li {
  background-color:#ff69b4;
  color:#fff;
  padding:10px;
  margin:5px 0;
  border-radius:5px;
  font-size:1.2em;
  position:relative;
}

.interests ul li::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
}

/* Contact Section */
.contact {
  background-color:#fff;
  border-radius:10px;
  padding:20px;
  margin:20px auto;
  width:80%;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
  position:relative;
  font-size:1.2em;
  line-height:1.5em;
}

.contact h2 {
  color:#ff69b4;
  font-size:2em;
  margin-top:0;
  position:relative;
  text-shadow:1px 1px 3px #ff1493;
}

.contact h2::after {
  content:url('https://example.com/heart.png');
/* Replace with the URL of your heart image */
  position:absolute;
  right:-40px;
  top:0;
  width:20px;
  height:20px;
}

.contact p {
  font-size:1.2em;
  line-height:1.5em;
}

/* Footer */
#footer {
  background-color:#ff69b4;
  color:#fff;
  padding:10px;
  text-align:center;
}

#footer p {
  margin:0;
  font-size:1em;
}