My design, pedorro of black swan

Tags: black swan, hsr, simple, purple, chilko
Description:

You can use it or just take things out of here, it doesn't matter ^___^! (if a design from another person appears, credit to him/her too!)
https://external-media.spacehey.net/media/s9_F-i6puKy6JXmwRD_M7j7amuTvZeGs8tKD6qJftvAk=/https://i.pinimg.com/originals/fa/b9/11/fab9111f9b9bddff41b68204529183fa.gif
" width="200" height="250"/>
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𔓕 ch𝑖l𝑘𝑜 (inactive 🔥) (https://layouts.spacehey.com/layout?id=106294) -->

<style>

.profile .blurbs .heading:before {
    content: url(https://supplies.ju.mp/assets/images/tiny1/bcf9c076_original.gif?v=9163b103);
}
.profile .blurbs .section p {
    text-align: center;
}

</style>



<style>
/* code generated by the spacehey live designer [start] */
main{ background-color: rgb(225, 211, 255) !important;}
body{ background-color: rgb(236, 230, 255) !important;}
.table-section .heading, .contact .heading{ color: rgb(239, 195, 255) !important; background-color: rgb(172, 101, 255) !important;}
.table-section, .contact{ border-color: rgb(0, 0, 0) !important;}
/* [end] spacehey live designer */
</style>

<style>
  .profile-info {
  background-image: url(https://64.media.tumblr.com/316f8585b7fd7f53366c498f2fa7877e/10d73f8f898713e1-e8/s640x960/a1a9c18f9de720b6df07ced2fbe96f2a92dc8829.gifv);
  text-shadow: 0 0 6px purple, 0 0 5px Skyblue;
  color: white;
  background-position: center;
  border: 3px solid darkpurple; 
  }
</style>

<style>
/*Blurbs Heading (Background Color/Background Image)*/
    .blurbs .heading{
  border: 3px solid darkpurple;
    background-color: darkpurple !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;}
</style>

<style>
/*About Me/Who I'd Like To Meet (Background Color/Background Image)*/
    .blurbs{
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;}
    
/*Hide "About Me" & "Who I'd Like To Meet" Headers*/
 .blurbs .section h4{display: none !important;}
</style>


<style>
        .count {
        color: #9D47C6 !important;}

</style>

<style>
    .profile-pic {
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
</style>

<style>

:root {
    --light-gray: #f2f0f0;
    --gray: #1f1829;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #9b5ed1;
    --darker-blue: #a139ff;
    --lighter-blue: #56347b;
    --even-lighter-blue: #6d00a5;
    --lightest-blue: #691f89;
    --red: #FF0000;
    --dark-orange: #f66dff;
    --light-orange: #56347b;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
</style>

<style>
    main .left{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
</style>

<style>
    main .right{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
    
    
</style>

<style>
/*Footer Links (Background Color/Background Image)*/
    footer{
    background-color: Transparent !important;
    background-image: url('https://64.media.tumblr.com/0d359de2061ee4a78af7395aeedf3352/10d73f8f898713e1-50/s640x960/d6b1d527bac9df362907d2ec39acc41a42f06291.gifv') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;}
</style>


<style>

contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
  
  .contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}
.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 {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-7.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-15.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-61.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-5.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-11.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-11.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-3.gif?w=20&zoom=2);}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {content: "" url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-12.gif?w=20&zoom=2);}

</style>




<style>
table.comments-table{
display: block;
height: 300px!important;
overflow-y: scroll;}
</style>

<style>
    ::-webkit-scrollbar {
    width: 5px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);}

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);}
</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/5d56f2043365794e8abbcea4cade0c03/ec4b3ee6161c0d27-f3/s1280x1920/c49cd282ee66c34c861fbe01f040d12de442a8bd.jpg);  width: auto; height: 50px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
/*Extra things*/
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/_tJLVhPaGi8?si=CkMHqYEbu3eVT3yb//?&;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>




<style>
h1{
    color: black;
    font-size:40px !important;
    font-weight: 1;
    border-radius: px;
    border:black;
    background-color: ;
    padding:7px;
    text-align: center;
}
</style>

<!-- (c) Layout created by Janita :3 (#1 dazai kinnie) (https://layouts.spacehey.com/layout?id=105292) -->

<style>

.profile .friends .person:first-child img:not(.icon){
content:url(https://i.postimg.cc/mrbZR9Cw/41d11df5a388b93771f5571aa4a65053.jpg);
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url(https://i.postimg.cc/yYZ8Ts7F/02589e92364b5c4c8ca85ba0521dc5fd.jpg);
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url(https://i.postimg.cc/MHtN7cvW/5bddc86b61593471ba27a5585fdcd18b.jpg);
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url(https://i.postimg.cc/y6nbrZ8K/630422fca85ff92e88e56e4cb346c475.jpg);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://i.postimg.cc/SxmjQHpC/a3ec9eae8db1dab87898bdb9d2cbee51.jpg);
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url(https://i.postimg.cc/vHBNRZ4V/2fa90b88636db67a28600b8a3b893dd7.jpg);
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url(https://i.postimg.cc/5NBqRc3C/b405e130e15a906294644b6edef74747.jpg);
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url(https://i.postimg.cc/1R6p8xbj/e669b3987bec92d7b36b997c52ec3fc5.jpg);
</style>

<style>

div.friends-grid{
text-align:center; /* if you want them to be center */
}

.profile .friends .person p{
display:none; /* hides the original names */
}

.profile .friends .person:nth-child(1)::before{
content:"Dazai #1 chuuya hater";
}
.profile .friends .person:nth-child(2)::before{
content:"Chuuya (Dazai DNI)";
}
.profile .friends .person:nth-child(3)::before{
content:"Fyodor (mw kolya<3)";
}
.profile .friends .person:nth-child(4)::before{
content:"Akutagawa redemption era.";
}
.profile .friends .person:nth-child(5)::before{
content:"Atsushi (furry arc)";
}
.profile .friends .person:nth-child(6)::before{
content:"Nikolai (mw fedya :D)";
}
.profile .friends .person:nth-child(7)::before{
content:"Lady Sigma";
}
.profile .friends .person:nth-child(8)::before{
content:"Bram king of kings";
}

<style></style>




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

<style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/6d35932d23019ef73a7209b5866a4f8c/2d1c365d505f011c-f9/s1280x1920/ca220ed9b47642165ceac81a7a9ec796b1f57dc2.gifv');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;</style>

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

<style>
.comments-table .report .icon {content: url("https://64.media.tumblr.com/a931b9001d76efd660b2f50a3cd6acd2/4b487b9516393c79-57/s75x75_c1/08363f903fb431a36979a753fdcc1772063bd0fc.gifv") !important;}
</style>


<!-- (c) Layout created by R>A>M>O>N>A !! (https://layouts.spacehey.com/layout?id=105266) -->

<div style="float:  ; max-height: 300px; position: fixed; left: 25px; bottom: 12px; z-index: 200;">
<img src="https://64.media.tumblr.com/b146a8909a1774f006d4b81f8a04c403/53bd90111a02dd29-05/s1280x1920/7d57605bc096eec48ff05f14f93edc42300ac80f.pnj" height="200"/></div>
<style></style>


<style>

    .online {
        content: url(https://media.tenor.com/nRwZAdKVMK8AAAAM/black-swan.gif);
  content-position: center;
   width: 86px; }

.icon, .award img {
    visibility: none;
}
<)style></style>

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

<style>
.table-section .inner .details-table tr:nth-child([number of row]) td:nth-child(1) img {
	content: url('https://64.media.tumblr.com/40f3beb51d100c5992f3ff1698ebe321/946443fcbafa4f60-bc/s75x75_c1/569d7554afd17c404a4e5dc5150ad0bf18aecee4.gifv');
}
</style>


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

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery136/bb0c8563.gif?v=d55ea43d'); width: 20PX;height: 20px;}
</style>


<!-- (c) Layout created by davey (FREE PALESTINE 🍉) (https://layouts.spacehey.com/layout?id=91450) -->

<style>
/*Twitter*/
img[src="https://static.spacehey.net/social-icons/twitter.png"] {

  content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
/*Spotify*/
img[src="https://static.spacehey.net/social-icons/spotify.png"] {

  content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
/*Website*/
img[src="https://static.spacehey.net/social-icons/custom_web.png"] {

  content: url("PUT IMG URL HERE");

}
/*Tiktok*/
img[src="https://static.spacehey.net/social-icons/custom_tiktok.png"]{
 
  content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
/*Last.Fm*/
img[src="https://static.spacehey.net/social-icons/lastfm.png"]{

  content: url("PUT IMG URL HERE");

}
/*Tumblr*/
img[src="https://static.spacehey.net/social-icons/tumblr.png"]{

content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
/*Letterboxd*/
img[src="https://static.spacehey.net/social-icons/custom_letterboxd.png"]{

 content: url("PUT IMG URL HERE");

}
/*Youtube*/
img[src="https://static.spacehey.net/social-icons/youtube.png"]{

 content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
/*Twitch*/
img[src="https://static.spacehey.net/social-icons/custom_twitch.png"]{

 content: url("PUT IMG URL HERE");

}
/*Facebook*/
img[src="https://static.spacehey.net/social-icons/facebook.png"]{

 content: url("PUT IMG URL HERE");

}
/*Github*/
img[src="https://static.spacehey.net/social-icons/github.png"]{

 content: url("PUT IMG URL HERE");

}
/*Reddit*/
img[src="https://static.spacehey.net/social-icons/reddit.png"]{

 content: url("PUT IMG URL HERE");

}
/*Snapchat*/
img[src="https://static.spacehey.net/social-icons/custom_snapchat.png"]{

 content: url("PUT IMG URL HERE");

}
/*Dribble*/
img[src="https://static.spacehey.net/social-icons/dribbble.png"]{

 content: url("PUT IMG URL HERE");

}
/*Pinterest*/
img[src="https://static.spacehey.net/social-icons/pinterest.png"]{

 content: url("PUT IMG URL HERE");

}
/*Soundcloud*/
img[src="https://static.spacehey.net/social-icons/soundcloud.png"]{

 content: url("PUT IMG URL HERE");

}
/*DeviantArt*/
img[src="https://static.spacehey.net/social-icons/deviant-art.png"]{

 content: url("PUT IMG URL HERE");

}
/*Bechance*/
img[src="https://static.spacehey.net/social-icons/behance.png"]{

 content: url("PUT IMG URL HERE");

}
/*VSCO*/
img[src="https://static.spacehey.net/social-icons/custom_vsco.png"]{

 content: url("PUT IMG URL HERE");

}
/*Ello*/
img[src="https://static.spacehey.net/social-icons/custom_ello.png"]{

 content: url("PUT IMG URL HERE");

}
/*Bereal*/
img[src="https://static.spacehey.net/social-icons/custom_bereal.png"]{

 content: url("PUT IMG URL HERE");

}
/*Mastodon*/
img[src="https://static.spacehey.net/social-icons/custom_mastodon.png"]{

 content: url("PUT IMG URL HERE");

}
/*Threads*/
img[src="https://static.spacehey.net/social-icons/custom_threads.png"]{

 content: url("PUT IMG URL HERE");

}
/*Linktree*/
img[src="https://static.spacehey.net/social-icons/custom_linktree.png"]{

 content: url("PUT IMG URL HERE");

}
/*Product Hunt*/
img[src="https://static.spacehey.net/social-icons/custom_producthunt.png"]{

 content: url("PUT IMG URL HERE");

}
/*Telegram*/
img[src="https://static.spacehey.net/social-icons/custom_telegram.png"]{

 content: url("PUT IMG URL HERE");

}
/*Patreon*/
img[src="https://static.spacehey.net/social-icons/custom_patreon.png"]{

 content: url("PUT IMG URL HERE");

}
/*Paypal*/
img[src="https://static.spacehey.net/social-icons/paypal.png"]{

 content: url("PUT IMG URL HERE");

}
/*Buy Me a Coffee*/
img[src="https://static.spacehey.net/social-icons/custom_buymeacoffee.png"]{

 content: url("PUT IMG URL HERE");

}
/*Kofi*/
img[src="https://static.spacehey.net/social-icons/custom_kofi.png"]{

 content: url("PUT IMG URL HERE");

}

/*Instagram*/
img[src="https://static.spacehey.net/social-icons/instagam.png"]{

content: url("https://64.media.tumblr.com/4897735a8adbd7e4d4b9175f439b6775/ddac761f573e10b9-41/s75x75_c1/fbfdc694d584518a1f2afefd31f101ae67e70468.gifv");

}
</style>

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

<style>

a:hover {

   /* Chrome, Safari, Opera */

  -webkit-animation: rainbow 0.7s infinite; 


  /* Internet Explorer */

  -ms-animation: rainbow 0.7s infinite;


  /* Standar Syntax */

  animation: rainbow 0.7s infinite; 

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow{

  0%{color: red;}

  10%{color: darkpurple;}

20%{color: skycelest;}

  30%{color: white;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Internet Explorer */

@-ms-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Standar Syntax */

@keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

</style>

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

<style>
button{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
button:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}

a{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
a:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}
</style>




<style>
.blog-preview .pinned .icon{
content: url('https://64.media.tumblr.com/8bb83890de91a877e068ae14a9282a5a/4b58cdc14a01203f-c9/s75x75_c1/d033832089db3a29660b5dcbc69886eb706346dd.gifv');

}

</style>


<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/4d52e1453369a44569cb4aa75e94cc47/46facfcd45f4cdfa-c1/s250x400/86025f03e44951f81520c6bf63b5c126e63c3cff.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/4d52e1453369a44569cb4aa75e94cc47/46facfcd45f4cdfa-c1/s250x400/86025f03e44951f81520c6bf63b5c126e63c3cff.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.contact .heading:after {
content: url(https://watermelon.crd.co/assets/images/gallery10/b9734bfe.gif?v=58fed03f);}

.contact .heading:before {
content: url(https://watermelon.crd.co/assets/images/gallery10/b9734bfe.gif?v=58fed03f);}
</style>

<!-- (c) Layout created by jade ; gardenGnostic (https://layouts.spacehey.com/layout?id=105408) -->

<style>

.general-about{

  position: relative;
 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://file.garden/ZF8OzyhvAk-Bo5i3/ezgif.com-animated-gif-maker.gif') no-repeat;

  background-size: cover;

  display: block;
  width: 180px;
  height: 180px;
  z-index: 999;
  position: absolute;
  top: -95px;
  left: -90px;

</style>


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

<!-- REPLACE THE URL WITH YOUR UPLOADED GIF --> 
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://media.tenor.com/UpFXy6WuSkUAAAAM/hsr-black-swan.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>

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

<style>
.noise {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: 400;
opacity: 0.8;
pointer-events: none;
opacity: 1;
z-index: 450;
}

.noise:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('https://ice-creme.de/images/background-noise.png');
pointer-events: none;
will-change: background-position;
animation: noise 1s infinite alternate;
}

.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.6;
will-change: opacity;
animation: opacity 3s linear infinite;
}

.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size;
animation: scanlines 0.2s linear infinite;
}

.main {
}

.main .noise:before {
background-size: 170%;
}

.main .vhs {
position: absolute;
left: 2rem;
top: 2rem;
will-change: text-shadow;
animation: rgbText 2s steps(9) 0s infinite alternate;
}

.main .vhs .char {
will-change: opacity;
animation: type 1.2s infinite alternate;
animation-delay: calc(60ms * var(--char-index));
}

.main .time {
position: absolute;
right: 2rem;
top: 2rem;
will-change: text-shadow;
animation: rgbText 1s steps(9) 0s infinite alternate;
}

.main .glitchtext {
will-change: text-shadow;
animation: rgbText 1s steps(9) 0s infinite alternate;
}

@keyframes noise {
0%,
100% {
background-position: 0 0;
}
10% {
background-position: -5% -10%;
}
20% {
background-position: -15% 5%;
}
30% {
background-position: 7% -25%;
}
40% {
background-position: 20% 25%;
}
50% {
background-position: -25% 10%;
}
60% {
background-position: 15% 5%;
}
70% {
background-position: 0 15%;
}
80% {
background-position: 25% 35%;
}
90% {
background-position: -10% 10%;
}
}

@keyframes opacity {
0% {
opacity: 0.6;
}
20% {
opacity: 0.3;
}
35% {
opacity: 0.5;
}
50% {
opacity: 0.8;
}
60% {
opacity: 0.4;
}
80% {
opacity: 0.7;
}
100% {
opacity: 0.6;
}
}

@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
}
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}

@keyframes rgbText {
0% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 1px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
25% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 1px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
45% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 5px 0 1px rgba(251, 0, 231, 0.8), 0 5px 1px rgba(0, 233, 235, 0.8), -5px 0 1px rgba(0, 242, 14, 0.8), 0 -5px 1px rgba(244, 45, 0, 0.8), 5px 0 1px rgba(59, 0, 226, 0.8);
}
50% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), -5px 0 1px rgba(251, 0, 231, 0.8), 0 -5px 1px rgba(0, 233, 235, 0.8), 5px 0 1px rgba(0, 242, 14, 0.8), 0 5px 1px rgba(244, 45, 0, 0.8), -5px 0 1px rgba(59, 0, 226, 0.8);
}
55% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 3px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
90% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), -5px 0 1px rgba(251, 0, 231, 0.8), 0 5px 1px rgba(0, 233, 235, 0.8), 5px 0 1px rgba(0, 242, 14, 0.8), 0 -5px 1px rgba(244, 45, 0, 0.8), 5px 0 1px rgba(59, 0, 226, 0.8);
}
100% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 5px 0 1px rgba(251, 0, 231, 0.8), 0 -5px 1px rgba(0, 233, 235, 0.8), -5px 0 1px rgba(0, 242, 14, 0.8), 0 5px 1px rgba(244, 45, 0, 0.8), -5px 0 1px rgba(59, 0, 226, 0.8);
}
}

@keyframes type {
0%,
19% {
opacity: 0;
}
20%,
100% {
opacity: 1;
}
}
</style>
<div class="lines"></div>
<div class="main">
<div class="noise"></div>

<style>
.rgbtxt {
animation: rgbText 1s steps(9) 0s infinite alternate;
animation-name: rgbText;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes rgbText {
0% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 1px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
25% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 1px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
45% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 5px 0 1px rgba(251, 0, 231, 0.8), 0 5px 1px rgba(0, 233, 235, 0.8), -5px 0 1px rgba(0, 242, 14, 0.8), 0 -5px 1px rgba(244, 45, 0, 0.8), 5px 0 1px rgba(59, 0, 226, 0.8);
}
50% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), -5px 0 1px rgba(251, 0, 231, 0.8), 0 -5px 1px rgba(0, 233, 235, 0.8), 5px 0 1px rgba(0, 242, 14, 0.8), 0 5px 1px rgba(244, 45, 0, 0.8), -5px 0 1px rgba(59, 0, 226, 0.8);
}
55% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 0px 0 3px rgba(251, 0, 231, 0.8), 0 0px 3px rgba(0, 233, 235, 0.8), 0px 0 3px rgba(0, 242, 14, 0.8), 0 0px 3px rgba(244, 45, 0, 0.8), 0px 0 3px rgba(59, 0, 226, 0.8);
}
90% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), -5px 0 1px rgba(251, 0, 231, 0.8), 0 5px 1px rgba(0, 233, 235, 0.8), 5px 0 1px rgba(0, 242, 14, 0.8), 0 -5px 1px rgba(244, 45, 0, 0.8), 5px 0 1px rgba(59, 0, 226, 0.8);
}
100% {
text-shadow: -1px 1px 8px rgba(255, 255, 255, 0.6), 1px -1px 8px rgba(255, 255, 235, 0.7), 5px 0 1px rgba(251, 0, 231, 0.8), 0 -5px 1px rgba(0, 233, 235, 0.8), -5px 0 1px rgba(0, 242, 14, 0.8), 0 5px 1px rgba(244, 45, 0, 0.8), -5px 0 1px rgba(59, 0, 226, 0.8);
}
}

</style></div>

<style>
img {
filter: sepia(100%) hue-rotate(220deg) saturate(5);
}
</style>

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

<!-- 4chan 2chan: Anonymous comments -->
<!-- if you modify this code and make a layout of this, you must link the original code in both the description and in the code  -->
<style>
    #comments .inner b{
        margin: 0;
        padding: 0;
    }
    #comments{
        border: 2px;
    }
    .comments-table{
        overflow: auto; 
        padding: 0;
    }
    #comments td:nth-child(even){
        background: none;
    }
    #comments td:nth-child(odd){
        width: 60px;
        background: #ffe;
    }
    #comments td p{
        color: #800043 !important;
    }
    #comments td a p{
        color: #117743 !important;
    }
    #comments td,.comments-table{
        border: none;
    }
    #comments td{
        border-top: 1px solid #d9bfb7!important;
    }
    .comments-table td {
        background-color: #ffe !important;
    }
    #comments{
        background: #ffe;
    }
    .comment-replies{
        border: none;
        margin: 0px;
    }
    .comment-reply{
        border-top: none !important;
        background: #f0e0d6;
        margin: 4px;
        padding: 10px;
        padding-left: 16px;
        color: maroon;
        border: 1px solid #d9bfb7;
    }
    .comment-reply:before{
        content: "Mami ";
        color: #117743;
    }
    .comment-reply p:last-of-type{
        display: none;
    }
</style>


<!-- (c) Layout created by l4in-1waKur4 (https://layouts.spacehey.com/layout?id=103916) -->

<div style="float:  ; max-height: 277px; position: fixed; left: 1px; bottom: 4px; z-index: 400;">
<img src="https://i.pinimg.com/originals/fa/b9/11/fab9111f9b9bddff41b68204529183fa.gif" alt="https://i.pinimg.com/originals/fa/b9/11/fab9111f9b9bddff41b68204529183fa.gif" class="transparent"/>" width="200" height="250"/&gt;</div>
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 15 of 15 comments ( View all | Add Comment )
l4y0ut t3st3r 🧭	1734460036 THIS IS SO AWESOME IM USING THIS!!!!!!!!!!!!!!!!!!!! Report Comment
Idontknow	1734028812 using Report Comment
parita	1732456124 using! Report Comment
XxGn4rpyZxX>_0	1731565364 Is it the whole background layout or the stipes? Bc i really want the stipes to my profile and i'm seaching really hard for the code of the stipes in the screen (idk the name of how ppl call them) Report Comment
★!Koshi🍥🫧	1729434501 using! Report Comment
★!Koshi🍥🫧	1729434494 using! Report Comment
𝙖𝙧𝙧𝙖!!	1728267893 Using!! Report Comment
Rea	1726112655 usinggg!! Report Comment
Didela	1721447715 using :v Report Comment
A1K0 X3	1721429012 Using Report Comment
Rachel	1719617792 Using this Report Comment
Cyris	1719166428 Using!! Report Comment
may	1718725511 USING <3 Report Comment
𓏵𓏵 　┊ 　graves　wife	1718062110 IM USING Report Comment
gracey🌺	1717281881 this is rlly cute!! i might use it Report Comment