<!-- Embed the YouTube video -->
<iframe width="0" height="0" src="https://www.youtube.com/embed/g7E5Et7aO1o?autoplay=1&loop=1&playlist=g7E5Et7aO1o&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

<style>
/* Custom Profile Picture */
.profile-pic img {
  display: none;
}

.profile-pic::after {
  background-image: url("https://64.media.tumblr.com/306f9c26b7838d286ccc37b5439f4118/80b54d146da1006f-a4/s400x600/35dc69cf99f6462da576d3080b27cd228c9f4904.gif");
  content: "";
  display: inline-block;
  background-size: cover;
  width: 110px;
  height: 110px;
}

.general-about .profile-pic::after {
  width: 160px;
  height: 160px;
}

/* Profile Page Styling */
body {
  background-image: url(https://images4.imagebam.com/c2/bf/8a/MEAJ7T7_o.png);
  height: 100%;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

main {
  background: rgb(255,27,70);
  background: linear-gradient(0deg, rgba(255,27,70,0.5) 0%, rgba(255,118,39,0.5) 18%, rgba(255,234,65,0.5) 38%, rgba(65,250,51,0.5) 62%, rgba(77,119,255,0.5) 83%, rgba(253,45,217,0.5) 100%);
  border: 2px solid white;
  box-shadow: inset 2px 3px 5px white;
}

p {
  color: white;
}

nav .top {
  border: 2px solid white;
  box-shadow: inset 2px 3px 5px white;
  background-color: transparent;
  margin: 1em 0;
}

nav .links {
  background-color: transparent;
  border: 2px solid white;
  box-shadow: inset 2px 3px 5px white;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 1em 0;
}

nav .links li::after {
  display: none;
}

/* Profile Title Styling */
.profile h1 {
  font-family: 'Press Start 2P', cursive;
  color: white;
  font-size: 30px;
  text-shadow: 2px 3px 5px black;
}

/* Profile About Section Styling */
.profile .general-about {
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
  color: white;
  text-shadow: 2px 3px 5px black;
}

.profile-pic img {
  border: 2px solid white;
  box-shadow: 0px 0px 10px white;
}

/* Online Status Styling */
.online {
  color: white;
  font-family: 'Press Start 2P', cursive;
  text-shadow: 2px 3px 5px black;
  font-size: 20px;
}

.online img {
  content: url(https://images4.imagebam.com/14/91/5d/MEAJVIA_o.gif);
}

/* Profile Info Box Styling */
.profile .profile-info {
  color: white;
  text-shadow: 2px 3px 5px black;
  border: 2px solid white;
  box-shadow: 0px 0px 10px white;
  background-image: url(https://media2.giphy.com/media/URZcG7uLd9h4s/200.gif);
  background-size: 300px 300px;
}

/* Contact and Table Section Heading Styling */
.profile .contact .heading,
.profile .table-section .heading {
  background-color: transparent;
  color: white;
  text-shadow: 2px 3px 5px black;
}

/* Contact and Table Section Box Styling */
.profile .contact,
.profile .table-section,
.profile .url-info {
  border: none;
  background-color: rgba(18,58,105,0.5);
  box-shadow: 0px 0px 10px white;
  margin: 0.5em 0;
}

table.details-table td {
  background-color: transparent !important;
  color: white !important;
  text-shadow: 2px 3px 5px black;
}

/* Mood and URL Info Styling */
.profile .mood,
.profile .url-info {
  color: white;
  text-shadow: 2px 3px 5px black;
}

/* Blog Preview Styling */
.profile .blog-preview {
  color: white;
  text-shadow: 2px 3px 5px black;
}

/* Blurbs and Friends Section Heading Styling */
.profile .blurbs .heading,
.profile .friends .heading {
  background-color: transparent;
  color: white;
  text-shadow: 2px 3px 5px black;
}

/* Blurbs and Friends Section Box Styling */
.profile .blurbs,
.profile .friends {
  border: none;
  background-color: rgba(18,58,105,0.5);
  box-shadow: 0px 0px 10px white;
  margin: 0.5em 0;
}

/* Blurbs Section Content Styling */
.profile .blurbs .section h4 {
  color: #FFBCE5;
  text-shadow: 2px 3px 5px black;
  padding: 1em 0;
}

.profile .blurbs p {
  color: white;
  text-shadow: 2px 3px 5px black;
}

/* Friends Section Content Styling */
.profile .friends .friends-grid p {
  color: white;
  text-shadow: 2px 3px 5px black;
}

.profile .friends p b {
  color: #FFBCE5;
  text-shadow: 2px 3px 5px black;
}

.count {
  color: #FFBCE5;
  text-shadow: 2px 3px 5px black;
}

/* Comments Table Styling */
.profile .comments-table {
  border: none;
  color: white;
  background-color: transparent;
  box-shadow: 0px 0px 10px white;
  margin: 0.5em 0;
}

.profile .comments-table td {
  background-color: transparent;
  color: white;
}

/* Footer Styling */
footer {
  border: 2px solid white;
  box-shadow: inset 2px 3px 5px white;
  background-color: transparent;
  margin: 1em 0;
  color: white;
}

/* Link Styling */
a {
  color: #FFBCE5;
  text-shadow: 2px 3px 5px black;
}

a:visited {
  color: #FFBCE5;
  text-shadow: 2px 3px 5px black;
  text-decoration: none;
}

a:hover {
  color: white;
}

nav .links a:hover {
  color: #FFBCE5;
}

/* Cursor Styling */
* {
  cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1044.cur'), auto !important;
}

/* Importing Fonts */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
</style>

<!-- Animated Cursor from cursors-4u.com -->
<style>
* {
  cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;
}
</style>
<a href="https://www.cursors-4u.com/cursor/2011/10/28/animated-nyan-cat-rainbow.html" target="_blank" title="Animated Rainbow Nyan Cat">
  <img src="https://cur.cursors-4u.net/cursor.png" alt="Animated Rainbow Nyan Cat" style="position:absolute; top: 0px; right: 0px;" />
</a>
