deleting later ?!!?!

Tags:
Description:

this is strictly to help someone, i do not take ANY credit .
Code:

<!-- (c) Layout created by Kade. (https://layouts.spacehey.com/layout?id=26710) -->

<!-- (c) Layout created by catboy groove (https://layouts.spacehey.com/layout?id=4279) -->

<style>
* { 
 cursor: url("https://64.media.tumblr.com/6973afa2c95b9aeae95ee3ad2c349d26/ac42d7043ea8e778-0a/s75x75_c1/685b0728e11204e8ba964c4e02c944733d227747.png"), auto !important; 
 font-family: Courier New;
}

:root {
  --text: rgb(27, 28, 26);  
  --links: rgb(145,145,145);
  --shadow: rgb(163, 246, 178);
  --headers: rgb(207,249,210);
  --borders: rgba(0,0,0,.2);
}

body {
 margin:0;
 background-image: url("https://64.media.tumblr.com/434344262ad2555e2ad2d68a4a80f877/tumblr_inline_p5v7waJJBm1v66dnm_1280.jpg");
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: cover;
 font-weight: bold;
 }
p {
 color: var(--text);
 font-weight: bold;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(2543%) hue-rotate(61deg) brightness(94%) contrast(108%) !important; 
}
button {
  background: white;
  color: var(--text);
  font-weight: bold;
  border: 1px solid black;
}
button:hover {
  border: solid 1px var(--headers);
  transition: 0.2s;
}
input {
  color: var(--text);
  font-weight: bold;
  border: black solid 1px;
}
input:hover {
  border: solid 1px var(--headers);
  transition: 0.2s;
}
nav .top , nav .links{
  background: transparent;
  text-align: center;
}
nav .links li:not(:last-child)::after {
  content: " 🐸";
  color: var(--text);
}
nav .links .active img{
content: url(https://64.media.tumblr.com/95ebc3e7182faf7e95644c84c4742a88/82c6d5c24024357d-7c/s75x75_c1/e836310be276bee664b4cb6d472e06d37ca73d43.gifv);
}
main {
 background: white !important;
 border: black 1px solid;
}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 115px;
  background-image: url("https://64.media.tumblr.com/fbe3479b33d5155db42bdec8a55cd32f/a77b1b1508361f33-57/s400x600/9b1d26ff6028150d078812373bd9b38b09d45c74.gifv");
  background-repeat: no-repeat;
  background-size: 120px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 120px;
  background-image: url("https://64.media.tumblr.com/681782561aa9b9ae4b2007173bcc7da9/700060cbfa294330-b3/s1280x1920/7780d58106bb3b7d531a89d013086fad25a9ee3e.png");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 220px;
}
.blurbs .inner{
  text-align: center !important;
}
h1 {
  color: rgb(145,145,145);
}
.profile-pic img {
  border: solid black 1px;
  border-radius: 180px;
}
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;
  /*makes your pfp spin when you hover. put your avatar in the blender, for absolutely no cost !!*/
}
.online{
  content: url("https://64.media.tumblr.com/b172ec456b7ca8ca6d3fb43d345b0c2c/286321d930b41110-39/s100x200/33d8b08a87f9d063faa74a705056ba4072eea691.gifv");
} 
.mood {
  padding-top: 3px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://64.media.tumblr.com/12087ae3083139380605bf50f913af23/f946c79821e762e4-a9/s250x400/c5a1cc80df6476bfbefa4337e9cd1093e1f68c1a.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;
}
.url-info {
  display: none;
}
.general-about, .profile .blurbs .section, .friends, 
.profile .contact, .profile .table-section {
  border: var(--borders) solid 1px;
  box-shadow: 4px 4px 0px var(--shadow);
}
nav {
  background: white !important;
  color: var(--links);
  border: black 1px solid;
  margin-bottom: 5px;
}
footer {
  background: white !important;
  border: black 1px solid;
}
.comments-table, .comment-replies {
  border: none;
}
/*may need to edit to fit your statuses*/
.general-about {
  padding-bottom: 25px;
}
.profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
  background-color: transparent;
  border: none;
}
#comments {
  height: 300px;
  overflow-y: scroll;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
  border: 1px solid black;
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
a, nav .links a {
  color: var(--links);
  text-shadow: none;
}
a:hover, nav .links a:hover {
  color: var(--headers);
  text-decoration: none !important;
  transition: 0.2s;
}
.logout-btn {
  color: var(--links);
  box-shadow: none;
}
.logout-btn:hover {
  color: var(--headers);
  box-shadow: none;
  border: none;
  text-decoration: none;
  transition: 0.2s;
}
.col.left:after {
  pointer-events: none;
  content: url(https://64.media.tumblr.com/46b3bb0d275f4787ed1c5393cc13715c/a77b1b1508361f33-5a/s400x600/b552feb608087c65be4a5e63616a4a97aa94cfed.gifv);
}
.contact .inner a img {
  font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /*changes the icons
     if you want you can divide this up and make each one different. */
content: url(https://64.media.tumblr.com/189a40ebb4aeda078a1c8da3517f0bd9/82c6d5c24024357d-99/s75x75_c1/c7f41c3a6505230acd53e59f4bbfe106163ff3d3.gifv);
}
.profile .table-section .details-table td {
  background-color: transparent;
}
.profile .blurbs .heading {
  font-size: 15px;
  font-weight: bolder;
  background: transparent;
  color: var(--links);
}
.col.right h4 {
  color: var(--links);
  text-align: left;
}
.profile .blurbs .section h4, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: var(--headers);
  color: var(--links);
  background-image: url(https://i.imgur.com/VTQtuRz.gif);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 9px;
  padding-left: 5px;
  padding-bottom: 5px;
}
.person p {
  color: var(--links) !important;
}
.person img{ 
  border: 1px solid black;
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.count {
  color: var(--links);
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
</style>

<!-- this plays music. if you want to change the song, replace ONLY the 7_QydNXI_ok with the video id (the end of the youtube link, the bit after watch?v=) of the song you want. rn its lonely rolling star from katamari. peace and love and have fun -->

<iframe width="0" height="0" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )