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 .:absntGen★81:. (https://layouts.spacehey.com/layout?id=103798) -->

<style> .blurbs .inner .section:nth-child(1) h4{ font-size:0; } .blurbs .inner .section:nth-child(1) h4:before{ content: "about me"; font-size:24px; color: white;{font-family:'Play',sans-serif} </style><style> .blurbs .inner .section:nth-child(2) h4{ font-size:0; } .blurbs .inner .section:nth-child(2) h4:before{ content: "who im looking to meet"; font-size:24px; color: white;{font-family:'Play',sans-serif} </style> <style>#comments button {background: transparent;box-shadow: none;color: lime;font-size: 13px;font-weight: normal;text-shadow: none;border: none;padding: 4px;padding-left: 5px;padding-right: 5px;}</style><style> .logo { content:url("https://i.postimg.cc/TYDchKxP/ezgif-2-97d53630f1.gif"); } </style> <style>.comments-table p:last-child{ text-color: white; color: white; }</style> <style>.comments-table p:last-child:after{ content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/29a050d2.gif?v=d55ea43d); background-repeat: no-repeat; background-position-x: center; background-size: 80px; } </style> <style>.comments-table:after{ content: ""; white-space: pre-wrap; display: block; height: 34px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/cec770ea.gif?v=d55ea43d); background-repeat: no-repeat; background-position-x: center; background-size: 200px; margin-top: 10px; } </style><style>.contact:after {content: "";white-space: pre-wrap;display: block;height: 30px;background-image: url(https://gifcity.carrd.co/assets/images/gallery38/93558cd1.gif?v=d55ea43d);background-repeat: no-repeat;background-position-x: center;background-size: 300px;}</style><style> .table-section:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/64419efb.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 350px; border-radius: 2px;}</style><style> .blurbs:after { content: ""; white-space: pre-wrap; display: block; height: 38px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/63f31334.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 259px; border-radius: 2px;}</style><style> .profile .url-info:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/660f98e9.gif?v=d55ea43d); background-position-x: left; background-repeat: no-repeat; background-size: 300px; border-radius: 2px;}</style><style> .profile .mood p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/d50ae947.gif?v=d55ea43d); background-position-x: right; background-repeat: no-repeat; background-size: 300px; border-radius: 2px;}</style><style> .profile div.friends-grid p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/29a050d2.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 80px; border-radius: 2px;}</style><style> .profile .blog-preview p:last-child:after { content: ""; white-space: pre-wrap; display: block; height: 80px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/151b9a0b.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px; margin-top: 5px;}</style><style> .profile div.friends-grid:after { content: ""; white-space: pre-wrap; display: block; height: 60px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/12af66fa.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 540px; border-radius: 2px;}</style><style> .profile div.friends-grid:before { content: ""; white-space: pre-wrap; display: block; height: 50px; background-image: url(https://gifcity.carrd.co/assets/images/gallery38/b77d54b6.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px;}</style><style> .profile .profile-info p:last-child:after{ content: ""; white-space: pre-wrap; display: block; height: 20px; background-image: url(https://gifcity.carrd.co/assets/images/gallery42/276c8870.gif?v=d55ea43d); background-position-x: center; background-repeat: no-repeat; background-size: 510px; border-radius: 2px; margin-top: 5px;}</style><style>FORM > button{background:transparent; color:lime; margin-top: px; border: 0px dotted pink;}</style><style>footer:before {content:"⋆⁺₊✧ layout by: **fagatron★81**. layout/code requests: open. DMs: open. spacehey username: saturnzballz ✧₊⁺⋆";margin-top: 20px;text-color: #FFE7BE;font-weight: bold;color: #FFF;}</style><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/gallery294/3a8f55d3.gif?v=d55ea43d"/>   flashin shii   <img src="https://gifcity.carrd.co/assets/images/gallery294/3a8f55d3.gif?v=d55ea43d"/></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> .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: "my blurbs"; 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> .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><br/><br/><center><img src="https://gifcity.carrd.co/assets/images/gallery38/63f31334.gif?v=d55ea43d"/></center>
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 8 of 8 comments ( View all | Add Comment )
vincent	1729736661 my eyes are never recovering thank you <3 Report Comment
Syrup	1726940751 using ^0^ Report Comment
☆Pitayaz☆	1725586035 OMG AMAZING, but sadly It won’t get off the loading screen :,( Report Comment i checked ur profile and its seems to be working fine ? just make sure you click the 'kill my eyes' link on the warning screen by .:absntGen★81:.; 1725586164; Report
０ｘｅｎ	1725257097 using! Report Comment
Luissi	1722817209 omg my eyes- jajajaja. I will recommend this design :) Report Comment
CadetCervine	1715846671 this is eye candy Report Comment
SUNNY!!	1713539001 this shi freakyyyy Report Comment
FateTheCannibal	1713537230 rainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbowrainbow Report Comment MY PFP W THIS LAYOUT IM SOBBING by FateTheCannibal; 1713537247; Report