Here's the code I used. And I also added some extra stuff to it of that has anything to do with the pfp not working! TYSM TO ANYONE WHO ANSWERS THIS!!
"<img src="https://i.ibb.co/3sXCSnk/d8lukaa-91164af0-a453-4516-964c-c9ccafae68dc.gif"/>
<!-- (c) Layout created by sho0wsi (https://layouts.spacehey.com/layout?id=96317) -->
<img src="https://i.pinimg.com/originals/e5/93/ab/e593ab0589d5f1b389e4dfbcce2bce20.gif" width="90" height="90" alt="bmoo bounce"/>
<!-- (c) Layout created by nxrdy (https://layouts.spacehey.com/layout?id=106935) -->
<style>
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 500px;
width: 500px;
animation: flying-santa 7s infinite linear;
pointer-events: none;
}
</style>
<img id="santa" src="https://drive.google.com/uc?export=view&id=1uTIQlgd5wSmhkd_Lm5XtZOs7koIEUNq4"/>
<!-- (c) Layout created by leo ⛧ (https://layouts.spacehey.com/layout?id=3840) -->
<!-- (c) Layout created by Sammy (https://layouts.spacehey.com/layout?id=35320) -->
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media.tenor.com/QRpnb7VIKNAAAAAC/ouran-high-school-host-club-honey-cute.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<style>
<!-- (c) Layout created by silly / arcade (https://layouts.spacehey.com/layout?id=32197) -->
<style>
.general-about{
position: relative;
margin-top: 30px;
}
.online {
content: url(https://sillyblinkies.nekoweb.org/online/catonline.gif);
}
</style>
<!-- (c) Layout created by Syxx (https://layouts.spacehey.com/layout?id=100133) -->
<div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://static.wikia.nocookie.net/omori/images/c/c6/Cupcake_Bunny_%28Neutral%29.gif/revision/latest/thumbnail/width/360/height/360?cb=20210506090752" width="200" height="250"/></div>
<!-- (c) Layout created by larsgore☆ (https://layouts.spacehey.com/layout?id=80751) -->
<div style="float: ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExbWwzZnk3Y3dtOHowZ3l2emN0ZWE1aWRnb2M0OTZmenRkN3RybHUzZiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/QstTz2ai7MMNO/giphy.gif" width="x" height="x"/></div>
<div style="float: ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://img1.picmix.com/output/stamp/normal/6/7/6/3/2363676_b8259.gif" width="300" height="300"/></div>
<style>
/* profile background/the image behind the profile box */
body {
background: url(https://i.gifer.com/76YS.gif);
}
</style>
<style>
/* this is the color of any text that you input */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>
<style>
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#ffedf9;
}
</style>
<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h1{
font-size: 30px !important;
font-family: 'Paytone One', sans-serif;
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style>
<style>
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#8870ff, #ff70de);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#ff97c1, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 14px !important;
font-weight: bold;
text-transform:none !important;
}
</style>
<style>
/* links in the navigation bar @ the top */
nav{
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>
<style>
/* this centers your friend space */
.profile .friends .inner, .profile .blurbs .section h4{
text-align: center;
}
</style>
<style>
/* the color of the number of your friends */
.count {
color: #ff00aa;
}
</style>
<style>
/* link colors when you hover over links */
a:hover {
color: white;
}
a{
color: #ff9ce0;
}
</style>
<style>
/* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */
/* https://cursors-4u.net */
a:hover {
cursor: url('https://cur.cursors-4u.net/games/images4/gam308.png'), auto;
}
* {
cursor: url('https://cur.cursors-4u.net/symbols/sym-2/sym189.png'), auto;
}
</style>
<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(189, 124, 207, 0.4);
border-radius:15px;
border: 2px dotted rgba(241, 190, 255, 1)
}
</style>
<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(171, 118, 207, 0.4);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px dotted rgba(218, 165, 255, 0.65)
}
</style>
<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #ff75d1;
}
.profile .friends .person p:hover {
color: #ffd6f1;
}
</style>
<style>
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Josefin Sans', sans-serif;
background-color:rgba(171, 118, 207, 0.4);
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 5px dotted rgba(218, 165, 255, 0.65)
}
</style>
<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71);
border: 3px dotted rgba(255, 221, 241, 1)
}
</style>
<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(171, 118, 207, 0.4);
}
</style>
<style>
/* contacting "_" */
.profile .contact {
background-color: rgba(171, 118, 207, 0.4);
}
</style>
<style>
/* friend comments */
.profile .friends .comments-table td {
background-color: rgba(171, 118, 207, 0.4);
border: 1px solid rgba(255, 161, 207, 0.5);
}
.comments-table td*{
}
</style>
<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(223, 162, 210, 0.58);
}
</style>
<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(255, 199, 226, 1);
}
</style>
<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</style>
<style>
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 5px); }
100% { transform: translate(0, -0px); }
}
/* gif profile picture */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/61/ee/e5/61eee57480a9223ef1c5f40e47cd2b03.gif"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; }
.profile-pic:after{
border: 2px dashed rgba(255, 161, 207, 1);
box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46);
}
</style>
<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 0px;
margin-top: 0px;
}
</style>
<style>
/* pink dashed borders */
.profile .url-info {
border: 2px dashed rgba(255, 161, 207, 1);
}
.profile .contact {
border: 2px dashed rgba(255, 161, 207, 1);
}
.profile .table-section {
border: 2px dashed rgba(255, 161, 207, 1);
}
</style>
<style>
/* border inside of comments */
table.comments-table {
border: 2px dashed rgba(255, 161, 207, 1);
}
</style>
<style>
/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}
</style>
<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "⭐"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌟"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌠"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "💫"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✨"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "👾"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🛰️"
}
</style>
<style>
footer {
color: white !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-color: rgba(0, 0, 0, 0.82);
}
</style>"