Jellyfish layout with stars falling:3

Tags:
Description:

Jellyfish in the background, stars falling, and a couple gifs!!
Code:

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

id=37558) --&gt;

<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

<!-- (c) Layout created by layla ☆⌒(>﹏<) ⁺ . ⋆ (https://layouts.spacehey.com/layout?id=26519) -->

<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Diediedie !important; 
   font-size: 10px !important; 
   color: #000000!important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body {
    background: url(https://i.ibb.co/qd6s7wG/TuVKD1X.gif);  
   background-size: 100%};
}
.top, .links, .heading, footer, button {
   background-color: #475fbf!important;
}
h1 {
   font-family: courier !important; 
   font-size: 18px !important;
}
h4 {
   color: #000000!important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #000000!important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #fac7ff !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #923ab6 !important;
}
.logo-fallback {
   height: 38px !important;
}
</style>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
<style>
.online {
        content: url("https://watermelon.crd.co/assets/images/gallery02/45ba9731.gif?v=90e42ef7");}
</style>
<style>
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}

}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth665.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
}
}



.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
</style>
<style>
.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
</style>
<style>


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(0 0 255 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
</style>
<style>

.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: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
    } 
</style>


<img src="https://tenor.com/en-AU/view/jellyfish-swimming-peace-light-sea-creature-gif-14448183.gif"/>
<img src="https://tenor.com/en-AU/view/cat-meme-funny-gif-cat-dancing-dance-gif-5671822644946302447.gif"/>
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 1 of 1 comments ( View all | Add Comment )
Scyzophoa
1731000989
USINGGGGG SKIBIDI SIGMA LAYOUT :3
Report Comment