glitchy red (hypno's lullaby fnf)

Tags: pokemon, creepypasta, pokepasta, red, glitchy red, fnf, friday night funkin

Description:

i cobbled this layout together using an untrackable amount of other garbage one year ago today. today is the day i set him free. merry scrimblas! the filegarden links are all the images i used in this layout -- its a very good filehost, but feel free to change any of them to your hearts content. thats pretty much it idk

Preview:

Code:

<!-- (c) Layout created by Bunston! (https://layouts.spacehey.com/layout?id=86560) --> <style> main { background: transparent; color: white; border-radius: 25px; } body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; animation: flicker 75.55s infinite; } body{ background-image:url(https://file.garden/ZHkFKi7WKmdsk-w4/Glitch_City1.png); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; font-family: MS Gothic; text-align: center; text-transform: none; padding-top: 45px; font-size: 15px; text-shadow: 0px 0px 5px placeholder; margin-left: auto; color: #cc0000; -webkit-animation: fadeIn ease 3s; } a { color: white; } .profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 { margin: 0; display: inline-block; font-size: 25px; } div.col.w-40.left { margin-top: 20px; background: #cc000050; border: 2px solid white; border-radius: 25px; margin-bottom: 20px; max-width: 550px; } div.col.right { margin-top: 20px; background: #cc000050; border: 2px solid white; border-radius: 25px; margin-bottom: 20px; max-width: 550px; } div.top{ background: #cc0000; border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; text-align: center; display: flex!important; } .logout-btn { font-family: MS Gothic; text-shadow: 0px 0px 5px placeholder; text-decoration: wavy; text-decoration-line: underline; } .logout-btn, .logout-form { color: placeholder; display: inline-block; font-size: 100%; } nav .top a { text-decoration: wavy; text-decoration-line: underline; color: white; } ul.links{ background: #cc0000; border-bottom: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; text-align: center; } nav .links a { text-decoration: wavy; text-decoration-line: underline; color: #ffffff; font-size: 0.98em; } .profile h1 { font-size: 25px; margin: 0 0 10px 0; } .general-about .profile-pic img { max-width: 160px; max-height: 160px; border: 2px solid white; border-radius: 50%; background-position: center; } .online img {content: url(https://file.garden/ZHkFKi7WKmdsk-w4/online.gif); height: 50px; margin-right: 2px; animation: flicker 15.55s infinite; } .online { color: #ffffff; font-weight: bold; font-size: 25px; } .profile-info { border: 2px solid white; display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; } div.blog-preview>h4 { background: #cc0000; border: 2px solid white; font-size: 25px; text-transform: lowercase; padding: 2px 7px; } .profile .blurbs .heading, .profile .friends .heading { background: #cc0000; color: #cc0000; border: 2px solid white; padding: 2px 7px; } .profile .blurbs .section h4 { margin: 0; color: #ffffff; } .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background: #000000; color: #ffffff; border: 2px solid white; padding: 2px 7px; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { background: #cc0000; width: 100%; border: 2px solid white; margin: 10px 0; } .count { color: white; } .profile .friends .person p { color: #ffffff; font-weight: bold; width: 100%; word-break: break-word; font-size: 100%; text-align: center; } .profile .friends .person img:not(.icon) { width: 95px; height: 95px; border: 2px solid white; border-radius: 50%; background-position: center; display: block; object-fit: cover; margin: 0 auto; } .comments-table td:first-child, .music-table td:first-child { background: #000000; text-align: center; font-weight: bold; width: 38%; } .comments-table td, .music-table td { background: #cc0000; vertical-align: top; } .comment-replies { padding: 0 5px; border: 5px solid white; margin-top: 10px; } .details-table td { background: #cc0000; vertical-align: top; } .details-table td:first-child { background: #cc0000; color: white; font-weight: bold; width: 33%; } footer { text-align: center; font-size: 70%; margin: 10px 0 10px; padding: 10px 5px; background: #00000050; border: 2px solid white; border-radius: 25px; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @keyframes flicker { 0% { opacity: 0.27861; } 5% { opacity: 0.34769; } 10% { opacity: 0.23604; } 15% { opacity: 0.90626; } 20% { opacity: 0.18128; } 25% { opacity: 0.83891; } 30% { opacity: 0.65583; } 35% { opacity: 0.67807; } 40% { opacity: 0.26559; } 45% { opacity: 0.84693; } 50% { opacity: 0.96019; } 55% { opacity: 0.08594; } 60% { opacity: 0.20313; } 65% { opacity: 0.71988; } 70% { opacity: 0.53455; } 75% { opacity: 0.37288; } 80% { opacity: 0.71428; } 85% { opacity: 0.70419; } 90% { opacity: 0.7003; } 95% { opacity: 0.36108; } 100% { opacity: 0.24387; } } </style> <iframe width="0" height="0" src="https://www.youtube.com/embed/7ZxaTLpdwD0//? &;amp;;autoplay=1&loop=100&;controls=1" title="Isotope" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style> .profile-pic > img { display:none; } .profile-pic:after { background-image: url("https://file.garden/ZHkFKi7WKmdsk-w4/glitchcon.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> <style> body {cursor: url(https://file.garden/ZHkFKi7WKmdsk-w4/cursor.png), auto;} </style> <style> .general-about{ position: relative; margin-top: 30px; } </style> <div class="snowflakes"> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> <div class="snowflake"> <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/> </div> </div> <style> /* customizable snowflake styling */ .snowflake { color: white; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px black; } @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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s} </style>

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.