most eyestrainin rainbow freakshow of a layout ever (eyestrain/flashing warning)

Tags: rainbow, crazy, glitch, eyestrain, scene
Description:

comes w/ a warning screen. very eyestrainy!!!! b warned
Code:

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

<style>html:after {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://64.media.tumblr.com/849c4259435e5ff9789dd42e23fbf003/tumblr_p422nhq6vi1qzm8dwo1_640.gifv);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

<div id="profile">
<center>
<h1>BEWARE!!!!!!!</h1>
<p>this profile go hard...... but it flashy!!!!!!! warnings:</p>
<p><img src="https://gifcity.carrd.co/assets/images/gallery13/32b97a8d.gif?v=ec51e415"/>   flashin shii   <img src="https://gifcity.carrd.co/assets/images/gallery13/32b97a8d.gif?v=ec51e415"/></p>
<p><img src="https://pixels.crd.co/assets/images/gallery56/2a60723a.gif?v=87a16b78"/>   movin patterns   <img src="https://pixels.crd.co/assets/images/gallery56/d1bb4303.gif?v=87a16b78"/></p>
<p><img src="https://pixels.crd.co/assets/images/gallery45/a130e135.gif?v=87a16b78"/>   bright colors   <img src="https://pixels.crd.co/assets/images/gallery45/a130e135.gif?v=87a16b78"/></p>
<p><img src="https://pixels.crd.co/assets/images/gallery64/3ca9d48f.gif?v=87a16b78"/>   lotsa colors   <img src="https://pixels.crd.co/assets/images/gallery64/3ca9d48f.gif?v=87a16b78"/></p>
<p><img src="https://pixels.crd.co/assets/images/gallery64/98136565.gif?v=87a16b78"/>   might b slow 2 load   <img src="https://pixels.crd.co/assets/images/gallery64/98136565.gif?v=87a16b78"/></p>

<h1><a href="#profile">kill my eyes</a><br/>
<a href="https://spacehey.com/home">nah</a><br/></h1>

</center>
</div>

<style> 

:root {
  --warning-background-color: rgba(0, 0, 0, 0.93);
  --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: 0px dashed var(--warning-text-color);
}
</style>

<style>
html:before{ 

   animation: grain 8s steps(10) infinite;
   background-image: url("https://i.pinimg.com/originals/94/8e/31/948e31d8046c8b13f52afe071c19b756.gif");
   content: "";
   height: 250%;
   left: -50%;
   opacity:.19;
   position: fixed;
   top: -100%;
   width: 200%;
   no-repeat fixed; 
   background-size: 500px;
   mix-blend-mode: normal;
   pointer-events:none;
}
</style>

<style>
   
    nav .top{
        background-color: transparent;
        border: ridge white 0px;
        border-radius: 0px;
        margin-top: 10px;
}
</style>


<style>.table-section .inner .details-table td:nth-child(1) img {display: none;}</style>

<style>
.profile .profile-pic img{
border-radius: 0px;
border: 3px white ridge;
}
</style>

<style>

p {
    font-size: 24px;
}

</style>

<style>

.comment-replies{
border-radius: 0px;
padding: 5px;
border: 3px ridge white;
margin-bottom: 5px;
}

</style>


<style>

.w-40 h1{

font-size: 70px;
margin-left: 10px;
text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;



}
</style>

<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "this freaks interests + links"; font-size:25px; font-weight:bold; 
color:#FFF; }
 </style>

<style>

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments:"; font-size:25px; font-weight:bold; color:#FFF;}

</style>

<style>

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "friends:"; font-size:25px; font-weight:bold; color:#FFF;}

</style>

<style>

.blog-preview h4{ font-size:0; margin-left: -5px;}
.blog-preview h4 a{font-size:.8rem; }
.blog-preview h4:before{ content: "my blogs:"; font-size:25px; color:#FFF;}

</style>


<style>

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "contact this mofo!!"; font-size:25px; font-weight:bold;

color:#FFF;}

</style>


<style>
.profile {
     background-image: url("https://i.pinimg.com/originals/1d/4a/1c/1d4a1ca0273bbd58c7e308c1e78a9e4b.gif") !important;
border-radius: 0px;
}
</style>

<style>

a {
color: lime;
text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;
text-size: 23px;
font-size: 23px;
}

</style>

<style>

  div.friends-grid {
    text-align: center;
}

</style>



<style>

.comments-table td:nth-child(2) {

border: 3px ridge white;

border-radius: 0px;

}

</style>

<style>

img[src="https://static.spacehey.net/icons/flag_red.png"] {

  display: none;
}

</style>

<style>

.blog-preview .pinned .icon{
display: none;
}

</style>



<style>

li.active .icon { 
content:url('https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=87a16b78'); width: 35PX;height: 35px;}

</style>

<style>

div#comments {
    border: 3px white ridge;
    border-radius: 0px;
    padding: 5px;
    background-image: url('https://i.pinimg.com/originals/22/c5/ed/22c5edd30c0ce5d059c645f1a1a8ced7.gif');

}

</style>

<style>

.friends:not(#comments) {

background-image: url('https://i.pinimg.com/originals/76/84/cc/7684cc9972747d79e6fb50ed94b20bc0.gif');  

padding: 5px;

border-radius: 0px;

border: ridge white 3px;

margin-bottom: 20px;


}

</style>



<style>

.profile .friends .person p{
color: white;
}

</style>







<style>

.profile .comments-table {

background-image: url('https://th.bing.com/th/id/R.725cd583755ddcfa4cb035978ae551e3?rik=NXaTWSX4gsrfBQ&riu=http%3a%2f%2f31.media.tumblr.com%2f9bbce7531b6fdfeafe1909a3bfc868df%2ftumblr_mq9w3sNzGe1qab9ivo1_500.gif&ehk=tMIqpGbkCTL71T7Jq1kmJ3XvipYfMk4FfhWzUq17wUo%3d&risl=&pid=ImgRaw&r=0');

border: ridge white 3px;

border-radius: 0px;

padding: 5px;

padding-top: 10px;

padding-right: 10px;

}

</style>

<style>

.logout-btn:hover {
    color: white;
    text-transform: uppercase;
    font-style: ;
}

</style>

<style>

.logout-btn, .logout-form {
    color: #ffffff;
    display: inline-block;
    font-size: 23px;
text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;
    font-weight: ;
    font-family: 'Play',sans-serif;
border: 0px solid grey;}

</style>

<style>


	*::-webkit-scrollbar {width: 15px;}

	*::-webkit-scrollbar-track {background: black;}

	*::-webkit-scrollbar-track {border-radius: 0px;}

	*::-webkit-scrollbar-track {border: ridge white 3px;}




	*::-webkit-scrollbar-thumb {

	        background-image: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);

		border-radius: 0px;

                border: ridge white 3px;

        }

</style>



<style>



nav .links a:hover {
    color:red;
    text-transform: uppercase;
    font-style: ;

}

</style>

<style>

.mood {

background-image: url('https://media1.tenor.com/images/994b09db17f587ecfbee39fd3f281719/tenor.gif?itemid=18953007');
border: ridge white 3px;
border-radius: 0px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;

}

</style>


<style>

.section h4{display:none}

</style>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 20px; /* it can be any font size btdubz this is just an example */
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "✩ add/remove"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "✩ fav me!!"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "✩ slide into dms"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "✩ forward 2 friend"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "✩ see ya msgs"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "✩ block.."
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "✩ add 2 group"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "✩ report me"
}
</style>













<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me:"; font-size:25px; font-weight:bold; color:#FFF; }
</style>








<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym57.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/06/03/sym57.html" target="_blank" title="Rock On"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rock On" style="position:absolute; top: 0px; right: 0px;"/></a>













<style>

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my graphics stuff i collect cuz self expression n whateva:"; font-size:.8rem; {font-family:'Play',sans-serif}

</style>


<style>

.online{
content: url('https://i2.glitter-graphics.org/pub/525/525002yy240yig61.gif');
height: 30px;
width: 120px;
margin-bottom: 50px;

}

</style>



<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

  content: "-å̷̲ȁ̴ͅǎ̷̢-";
  color: white;
  text-align: center;
  
 }

</style>


<style>

   .table {

  border-radius: 0px;

  background: url(https://24.media.tumblr.com/tumblr_mc4j3bF9L11qfqip3o1_1280.gif);

  background-position: left top;

  background-repeat: repeat;

  padding: 5px;

  width: 450px;

  height: px;

  color: insert color!important;

}

</style>

<style>

main  
{
    background: ;
    padding: 0;
    font-size: small;
    color: #ffffff;
text color: white;
text-size: 20px;
font-size: 20px;
text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;
    -webkit-font-smoothing: antialiased;
  
}

</style>

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

<style>
    .container{
        width: 1050px;

    main .left{
        background-color: transparent;
        background-image: url('https://i.pinimg.com/originals/78/0e/42/780e42f226309d1998293cee15814051.gif');
        border: ridge white 3px;
        border-radius: 0px;
    }
    
    .general-about .mood {
border: ridge white 3px;
        border-radius: 0px;
    }

.profile-pic img{
border: ridge white 0px;
        border-radius: 0px;
}
    
    nav .links{
        background-image: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
        border: ridge white 3px;
        border-radius: 0px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
font-size: 23px;
text-size: 23px;

    }
    
    .profile h1{
text-shadow: -2px 0 black, 0 2px black,
      2px 0 black, 0 -2px black;
        color: white;
margin-left: px;
    }


    
    .profile .contact{
        border: ridge 3px white;
        border-radius: 0px;
        background-image: url('https://i.pinimg.com/originals/2e/3c/49/2e3c497bb514a476bfdceb3613c8f5e9.gif');
padding: 5px;
    
    }
    .profile .url-info{
        border: ridge 3px white;
        border-radius: 0px;
        padding: 10px;
        background-image: url('https://cur.glitter-graphics.net/pub/2340/2340846rqjumw75ii.gif');
    }
    
    main .right{
        border: ridge white 3px;
        border-radius: 0px;
        
    }
    
    [id='q']{
        border: ridge 3px white;
        border-radius: 0px;
  
    }
    
    FORM > BUTTON{
        border-radius: 0px;
        border: ridge white 0px;
background: transparent;
    }
    
    .profile .table-section{
        border: ridge white 3px;
        border-radius: 0px;
        padding: 5px;
        background-image: url('https://24.media.tumblr.com/tumblr_mc4j3bF9L11qfqip3o1_1280.gif');

}

</style>


<style>
    .profile .mood{
        text-align: right;
    }
    
    .details-table td{
        border: ridge 3px;
        background-color: transparent;
        border-radius: 0px;
    }
    
  
    

        
    
    .profile .friends .person img:not(.icon){
        border: ridge 0px white;
        border-radius: 0px;
        width: 100px;
        height: 100px;
    }
    
 
    .count{
        color: red;

    }
    
    footer{
        border: ridge white 3px;
        border-radius: 0px;
        border: ridge white 3px;
text-color: white;
color: white;
font-size: 20px;
text-size: 20px;
background-image: url('https://s-media-cache-ak0.pinimg.com/originals/f9/b9/f5/f9b9f516c321c5ca5e07f0081e311fb5.gif');
    }
    
    main{
        border-radius: 0px;
    }
    
    .comments-table td{
        background: transparent;
        border: 0px dotted black;
        border-radius: 0px;
padding: 10px;
    }
    
    .comments-table td *{
        border-radius: 0px;
    }
    
    P:nth-child(2) > B{
        color: white;

    }
    
    DIV.mood > P:nth-child(1) > B{
        color: white;
    }
</style>

<style>

body{background:url("https://i.pinimg.com/564x/bc/e8/ba/bce8bafe62a7b05345f72012c04043a6.jpg");}

</style>

<style>
     :root {
    --even-lighter-blue: transparent;
</style>

<style>
    :root {
    --logo-blue:white
    --darker-blue: lime;
    --light-orange: ;
</style>




<style>
    img {
  filter: saturate(10);
  filter: ;
}
</style>




<style>

.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/db/49/20/db49206c875384fb3615acfce3995157.gif);
        background-repeat: no-repeat;
        background-size: 1000px 500px;
        background-position; center center;
	border: ridge;
        border-color: white;
        border-width: 3px;
	border-radius: 0px;
        height: 50px;
        width: px;
	text-align: center;
}

</style>


<style>
        .general-about{
      border: ridge white 3px; 
      border-radius: 0px;
            
            
        }
    
</style>

<style>
    .general-about {
        
    background-color: none !important;
    background-image: url('https://media.giphy.com/media/gGs07Iz8IfiE0/giphy.gif');
    padding: 15px;
    
    
    
        
    }
</style>

<style>

h1, h2, h3, h4 {font-family: '', ;}
color: white;

</style>

<style>

    .profile .friends .heading{
        background-image: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
        border: ridge white 3px;
        border-radius: 0px;
    }

</style>

<style>
    .profile .table-section .heading{
        background: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
        border: ridge 3px white;
        border-radius: 0px;
        box-shadow: ;
        margin-bottom: 3px;
    }
</style>

<style>

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:25px;margin-left:5px; }
.blog-preview h4:before{ content: "   my blogs:"; font-size:25px; margin-left:5px; }

</style>

<style>

.blog-preview h4{
margin-top:-0px;
margin-bottom: -3px;
background: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
border: ridge 3px white;
border-radius: 0px;
padding: 3px;
    }

</style>

<style>
    .profile .blurbs .heading{
        background: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
        border: ridge 3px white;
        border-radius: 0px;
         box-shadow: ;
    }
</style>

<style>
    .profile .contact .heading{
        background: linear-gradient(red, orangered, yellow, lime, dodgerblue, fuchsia);
        border: ridge 3px white;
        border-radius: 0px;
         box-shadow: ;
    }
</style>


<style>

a:hover {
    color: red;
    text-transform: uppercase;
    font-style: ;
}

</style>



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

</style>



<style> 

table.comments-table { 

display: block; 
height: 500px!important; 
overflow-y: scroll; 

  border-radius: 0px;

  border: ridge 3px white;

} 

</style>

<style>

   .blog-preview {

  border-radius: 0px;

  border: ridge 3px white;

  background: url(https://i.pinimg.com/originals/bf/ed/9d/bfed9d212cef4379b2afe38eabd9db77.gif);

  background-position: left top;

  background-repeat: repeat;

  padding: 5px;
padding-left: 10px;

  width: px;

  height: px;


  color: insert color!important;

}

</style>

<style>

.blurbs {

background:url('https://media.giphy.com/media/1bu0hpUbs16gM/giphy.gif');
border-radius: 0px;
border: ridge 3px white;
padding: 5px;
margin-bottom: 10px;


</style>

<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>
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 2 of 2 comments ( View all | Add Comment )
SUNNY!!
1713539001
this shi freakyyyy
Report Comment
FateTheCannibal
1713537230
rainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbow
Report Comment
MY PFP W THIS LAYOUT IM SOBBING
by FateTheCannibal; 1713537247; Report
Layout published by dඞ​nny

most eyestrainin rainbow freakshow of a layout ever (eyestrain/flashing warning)

Description:

Code:

Comments

Layout published by dඞnny
