SUPERDUPER SILLY LAYOUT!!!!!

Tags: simple, scene, rainbow, scenecore, kawaii, cute, silly, autism, gifs, homestuck
Description:

free to change in any way !!!!!! :D no creds.... COMMENT IF USING /NF
Preview:

click on the image for a larger preview
Code:

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

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

<div id="profile">
<h1>⚠️ WARNING!!! ⚠️ </h1>
<p>this profile contains the following below </p>
<ul>
<li>flashing images</li>
<li>repeatedly moving patterns</li>
<li>eye strain/bright colors</li>
</ul>
<a href="#profile">i wish to proceed!</a>
<a href="https://spacehey.com/home">get away loser XD</a>
<img src="https://i.pinimg.com/originals/65/6b/bb/656bbb0aafe9fc909dc892a307ad88fa.gif"/>
</div>

<style> 

:root {
  --warning-background-color: black;
  --warning-text-color: white;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>







<style>
.profile-info{
background: url(https://i.pinimg.com/originals/0b/93/6e/0b936e9cb817912e9c50219d0f39cc09.gif);
no-repeat fixed;
    background-size: cover;
  background-color: #000000;
    height: 200px;
    border: white;
    font-size: 0;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-position-y: center;
}
<!-- (c) Layout created by d✩nny (https://layouts.spacehey.com/layout?id=90398) -->

<style>
.profile .friends .person img {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
</style>



<style>

.icon, .award img {
        content: url(https://64.media.tumblr.com/eec89ad5a2c5de9256fbf244a6de6b1d/c4f9c60699228397-37/s100x200/e5920c89a216f086dd0e749d5cfb8bde64a006f0.gifv);
        display: inline-block;
        height: 1.5em;
        width: 1.5em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

nav .top {
color: white;
   
background-image: url();
border-radius: 10px;
}
nav .links a {
color: white;
    ;
}
nav .links .special a {
color: white;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ★ ";
    color:  white;

}
nav .links a:hover {
    color: #ff6bad;
    font-weight: bolder;
    text-decoration: line-under;
}
img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite; }

@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); }
}

button, input {
    overflow: visible;
    border: 0px solid #000000;
    background: white;
    color: black;
}
a:hover {
    color: #ff6bad;
    font-weight: bolder;
    text-decoration: line-under; }

a{
    color: white;
  
}
p {
font-size: 130%;
font-family: 'Silkscreen', sans serif;
color: white;
   
}
 h1, h2,h3,h4,h5{
  font-size: 140%; 
font-family: 'Silkscreen', sans serif;
color: white;
  
}

.logout-btn {
font-family: 'Silkscreen', sans serif;
}
.logout-btn, .logout-form {
background: transparent;
text color: white;
  
}
  body {
   background-image: url(https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif);
font-family: 'Silkscreen', sans serif;
cursor: url(http://www.rw-designer.com/cursor-view/17815.png), auto;
}
main {
background: none;
color: transparent;
padding: 0px
}
.profile {
   background: rgba(0, 0, 0, 0.7);
   border-color: ;
   border-radius: 10px;
}
.profile-info {
border: none;
}
.profile .url-info {
border: none;
}
.profile table-section {
border: none;
}
.contact {
border: none;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: transparent;
color: ;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: ;
   color: ;
}
.online { visibility: hidden; } .online img { content: url(https://64.media.tumblr.com/3e7e46039149103b8b623ba171672f5a/1e1dfad25fc22e16-25/s75x75_c1/0bca76f618884d995edb343db16785e338bdbd27.gifv); animation-name: none; visibility: visible; height: 20px; width: 80px; }

button {
background: white;
color: white;
border: none; }

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "stuff";
  --topic2: "music";
  --topic3: "movies";
  --topic4: "tv";
  --topic5: "books";
  --topic6: "sillies";

 }
table.comments-table{
display: block;
height: 300px!important;
background: url(https://i.pinimg.com/564x/3c/0d/26/3c0d26dbb3e3d2efee7dbbf7a9a9c290.jpg);
color: ;
overflow-y: scroll;
}
::-webkit-scrollbar
{
  width: 15px;
}



.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
letter-spacing:normal !important;
color: white;
 
filter: brightness(95%) !important;
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}


nav .top {
background: rgba(0, 0, 0, 0.7);
   border-color: ;
   border-radius: 10px;
}
nav .links {
background: rgba(0, 0, 0, 0.7);
   border-color: ;
   border-radius: 10px;
}
nav, footer, .profile .contact {
border: none;
}
.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 Favorites */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "★"
}

footer {
    background: rgba(0, 0, 0, 0.7);
   border-color: ;
   border-radius: 10px;
   margin: 0px;
}

table.comments-table td {
    color: black;
    border:none;
}
.count {
    color: #ff6bad;
}
.profile .friends .person p {
color: white;
    
}
table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
border: none;
}

:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange:  ;
    --green: ;
    --strange-yellow: ;
    </style>


<style>


nav .top {
        background: url(https://i.pinimg.com/originals/13/80/b1/1380b16498e45cf279e697f587f7ab8e.gif);
no-repeat fixed;
    background-size: cover;
    }
    
    nav { background: black url(""); }

</style>

<style> 
.contact {
        
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .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("")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("")
    } 
</style>
<style>
.general-about .profile-pic img {
border-width:6px;
border-style:solid;
border-image: url("https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif") 28 fill;
}
</style>

<style>
body{
  background: url(https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif);
  background-repeat: no-repeat;
  background-size: 1750px;
}
  
.heading h4{
color: white;
}

main{
  background: #fc9dd4;
  color: white;
}

.friends{
  color: #fc9dd4;
  background: transparent;
}

table.comments-table{
  color: white;
  background: transparent;
  display: block;
  border: transparent;
}
  
.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}
  
.online {content:
url('https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif'); 
background-repeat: no-repeat; 
background-position: -15% 75%; z-index: 2; 
}

a, .profile .friends p {
  
}


nav .top{
  background: #fc9dd4;
}

nav .links{
  background: #fc9dd4;

}

.nav .top , nav .links{

text-align: center;


}


  
nav .links li:not(:last-child)::after {

content: " ☆ ";
color: #ffffff;

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}
  
li .icon {
display: none;
}
  
.profile .friends .person p{
 color: white;
}
  
 .count {
  background: url("https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif")
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

.count { 
  color: transparent;
}


.heading a.more {
color: white;
}
  
.profile-info {https://i.pinimg.com/originals/1c/94/38/1c9438c6c1f5b844a1f8095dddb5bdc4.gif
    border: transparent;
}
  
.profile-info {
  border: transparent;
}
  
.search-wrapper input[type=text] {
    background-color: #fc9dd4 !important;
    border: 2px solid white !important;
    font-family: var(--font-family) !important;
    color: white !important;
    border-radius: 0px !important;
}
  
button {
    border-radius: 0px !important;
    border: 0px solid #fff !important;
    font-family: var(--font-family) !important;
    background: transparent !important;
    color: white !important;
}

footer{
  background: #fc9dd4;
  color: white;
}


::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}



}
  
/* 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: url("");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("");
}


:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent
--even-lighter-blue: white;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent
--even-lighter-orange: transparent;
--green: transparent;
}

</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Silkscreen&display=swap'); body{font-family: 'Silkscreen', sans-serif;}
</style>


<div class="snowflakes">

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

<div class="snowflake"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=379361a4"/></div>

</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; top: 9px; z-index: 200;">
<img src="https://media.tenor.com/sWCbSkkLG-gAAAAi/funny-cat.gif"/>

</div>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/XPFsmQ43-ocAAAAi/cat-mind-blown.gif" width="250" height="250/"/>

</div>

<div style="float:  ; max-height: 200px; position: fixed; left: 25px; top: 6px; z-index: 300;">
<img src="https://media.tenor.com/VkGE6OgHhTMAAAAi/maxwell-maxwell-cat.gif" width="250" height="250"/>

</div>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/bWUeVRqW9-IAAAAi/fast-cat-cat-excited.gif" height="450" width="350"/>

</div>



<style>
html:after{ 
   animation: grain 8s steps(10) infinite;
   background-image: url(https://media.tenor.com/utJVz8hr1lkAAAAC/rainbow-colorful.gif);
   background-size: 8%; 
   content: "";
   height: 200%;
   left: -50%;
   opacity: 0.10;
   position: fixed;
   top: -100%;
   width: 200%;
   pointer-events:none}

</style>

<style>
  
  .logo {
  
  content:url("https://i.postimg.cc/zDb7yGwc/nyan-logo.png")
  
  }
  
  </style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://i5.glitter-graphics.org/pub/745/745455rvacxjsot2.gif);
}</style>





<style>
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 200px;
width: 130px;
animation: flying-santa 5s infinite linear;
pointer-events: none;
}
</style>
<img id="santa" src="https://i.pinimg.com/originals/4c/d9/ce/4cd9ce636c6d5f23688f0fda99cd81cf.gif"/>



<style>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi267.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi267.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/02/cute-onion-club-onion-head.html" target="_blank" title="Cute Onion Club - Onion Head"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Onion Club - Onion Head" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://gifcity.carrd.co/assets/images/gallery12/22ddb326.gif?v=cc5e16cd') no-repeat;
  background-size: cover;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 999;
  position: absolute;
  top: 104.5px;
  left: 104.5px;
}
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/jIQ6UV2onyI//?&;amp;;autoplay=1&;loop=1&;controls=1" 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 20 of 71 comments ( View all | Add Comment )
stlif2h	1725582879 using!!!1!!! Report Comment
ALIENN_K1TTY	1721834652 USING Report Comment
Z0mbi3_Gir1XD	1720593612 Using Report Comment
Wond3rh0y☆	1718632919 Using Report Comment
basil O_o	1718138478 using ^_^ Report Comment
^3^	1715888250 using!! Report Comment
Valerian	1714411322 using! (probably HAHA) Report Comment
☆Sal!!(auto music)☆🍉	1712611474 Using!! Report Comment
ˢʷᵉᵉᵗ𝐴𝑢𝑟𝑜𝑟𝑎	1711840056 Using! Report Comment
kodieu	1710801279 Probally in the future i will use, So, warning USIINNNG! Report Comment
Living Dead Girl	1708867969 using XD Report Comment
Crabby :3	1708696536 using Report Comment
Bee	1708578884 usandooooooooo Report Comment
♡﹒﹒grian/charlie	1708485852 USING !! Report Comment
BEBE BRUTAL	1708091744 USING 100% Report Comment
Tanner	1707853358 USING Report Comment
Salcito	1707412194 using Report Comment
Xx_vampySav_xX	1707237682 Using<3 Report Comment
Xx_vampySav_xX	1707237681 Using<3 Report Comment