horror movie fans layout! [EDITTED]

Tags: horror, grunge, emo, chucky, movie, scenemo, goth
Description:

this is my first layout- this was kind of hard to make but we all NEEDED this okay the song shuld automatically play green day - bang bang instrumental! u can change the song ^^ anything rlly! u can also comment 'using' if using! i used jays cursor, https://layouts.spacehey.com/layout?id=39637
Preview:

click on the image for a larger preview
Code:

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

<style> 

main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://media.tenor.com/cDQN9Jc-mPcAAAAC/sky-red.gif');
 background-position: center center;
 background-size: cover;
</style>

<style>
@import url('https://fonts.googleapis.com/css?family=Creepster');
body{font-family: "potta one" ;}
</style> 

<style>
    body {
        background:url('https://i.postimg.cc/44tX7HSF/IMG-0402.jpg');
    }


</style>
<style>
    .profile {
 background-image:url('https://media.tenor.com/bQvEhQcSGmEAAAAC/twinkle-little-star.gif');
  background-repeat: repeat;
    border-radius: 12px;
    }
</style>
<style>

    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:red;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
    background-image:url('https://cutewallpaper.org/21/emo-desktop-backgrounds/Emo-Skull-Wallpaper-Background-Other-and-Abstract-Background-.jpg');
  background-repeat: repeat;
    border-radius: 12px;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:black;
 }
</style>
<style>
main .left {
    background-color:#690F12;
}
</style>
<style>
.profile .url-info{
    border-color:black;
}
</style>
<style>
.profile .contact {
    border-color:black;
}
</style>
<style>
nav .top {
    background-color:#CE1016;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:red;
    }
</style>
<style>
.details-table td * {
        background:white;
    }
</style>


<style>
    .profile .friends .heading h4 {
        color:red;
    }
</style>
<style>
}
nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color:black;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://cutewallpaper.org/21/emo-desktop-backgrounds/Emo-Skull-Wallpaper-Background-Other-and-Abstract-Background-.jpg) 
}
</style>
<style>
    .details-table td {
        background:red;
    }
</style>
<style>
    .details-table td * {
        border-color:red;
    }
</style>
<style>
    .details-table td * {
        color:red;
    }
</style>
<style>
    .profile .friends .inner {
        background:white;
    }
</style>
<style>
    .profile .blurbs .inner {
        color:#951E1E;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color:#EE0204;
    }
</style>
<style>
    h4 {
        color:red;
    }
</style>
<style>
    div .blog-preview {
        background-image:url(https://media.tenor.com/d60ZOH7oTMEAAAAC/dani-midsommar.gif);
background-position: center center;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:red;
    }
</style>
<style>
    .profile .table-section .heading {
        color:white;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url(https://img1.picmix.com/output/stamp/normal/0/3/0/7/2277030_fe331.gif);
background-position: center center;
    }
</style>
<style>
    .comments-table td {
        background:#980505;
    }
</style>
<style>
    .comments-table td {
        border-color:black;
    }
</style>
<style>
    table.comments-table {
        border-color:black;
    }
</style>
<style>
.profile .profile-info {
	background-image: url(https://media.tenor.com/-amFH21BXbQAAAAC/red-h%C3%A1tt%C3%A9r.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
</style>
<style>
    footer {
        background-image: url(https://media.tenor.com/621o44tInQ0AAAAd/saw-billy-the-puppet.gif);
background-position: center center;
zoom: 50%;
    }
</style>
<style>
    footer {
        color:red;
</style>
<style>
 .blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "others"; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "cool people"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "what is it?"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:black;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "stuff i like"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "i might bite."; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "others"; font-size:.8rem; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "uhhh"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "🖤"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites? ur too kind! */
	content: "🌙"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "❤️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forwarding me? you like me that much? ✮⋆˙ */
	content: "🖤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🌙 "
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "❤️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🌙"
}

<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
    }
</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' (https://imgur.com/hxo1vSg) ');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

footer::after {

    bottom: 0;

    font-size: 0;

    right:2%;

    position: fixed;

    pointer-events: none;

    content: URL("https://img1.picmix.com/output/stamp/normal/4/4/8/2/1862844_f175e.gif");
}

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.tenor.com/apdpQQKRZ7oAAAAC/chucky-horror.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<div class="snowflakes">
  <div class="snowflake">
  <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>
  </div>
  <div class="snowflake">
    <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://img1.picmix.com/output/stamp/normal/5/0/1/5/2335105_ab95a.gif"/>
  </div>

<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

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

<div style="float:  ; max-height: 200px; position: fixed; left: 1px; top: 0px; z-index: 100;">
<img src="https://img1.picmix.com/output/stamp/normal/4/4/2/1/2101244_a5b6f.png" height="170"/></div>
<style></style>


<style>
@import url("https://fonts.googleapis.com/css?family=Creepster");

.w-40 h1{
font-family: Creepster;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#F30707, #500808);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px black;
}</style> 

<style>

.general-about .profile-pic img {
content: url(https://media.tenor.com/vr6XFSvvTL4AAAAi/scream-halloween.gif);
}
</style>

<style>
html,body {cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABqgAwAEAAAAAQAAABkAAAAA+FOh2QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAAAetJREFUSA3tk7FLQlEUxs97omK6qoWhg5AgShmGkFODo6FD/R8OtTkINbYa4SAiLg1tLS3h0iIEkVTU0GBgk0tDafZO3xEf+ApLTbcOfNx7Lvd9v3sO5xH9xzQ6oKoq67Lb7TwNT91D0TeyCmRH02gO+xfoADJbLNTpdAz3cDx2GAwEtAVQBDYWqAs9QkeqSpqmGe7ieKxQB2+L2TEOpBpxtUHb5+e0C7g8AunEYQCJi4LXX2F971vebWzQ5sUFFYvFP8G+gaSqU0CakF7Czfo6hUIhKpfLf4L1325c0Dregw6hWq3GZayiSqXSm0zj7d+zbxUNflJD8gZdra3RyvU1mbGPRqNUKpXGrmwoCG1TzmD8AH1AEqv392S1Wikej1OhUBgLNhQkxq+AnWB9grrdLl0uLckx2Ww2SiQSlM/nR4b9CBLTZ8D2MYmNRoOWb2/liBRFIYfDQclkknK53EiwX0FiLJOYSqWo2WwSM0tO7XabWq1Wr1KfzzcSTLxGCvlpq9Uq1+t1zmazvenDcLDH42Gv1zvRNA4FCyyTybDJZOr9ZpJHViKALXIwGJw+bPAlAguHwzw/v8CxWGy6sEGQ7AUmFblcLsZEzh4WCATY6XRyOp2ePczv97Pb7Z4tSG+jtPJre//ziTrwCcORstUPY3vxAAAAAElFTkSuQmCC'),%0Aauto;}

a:hover{cursor:
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABqgAwAEAAAAAQAAABkAAAAA+FOh2QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAAAetJREFUSA3tk7FLQlEUxs97omK6qoWhg5AgShmGkFODo6FD/R8OtTkINbYa4SAiLg1tLS3h0iIEkVTU0GBgk0tDafZO3xEf+ApLTbcOfNx7Lvd9v3sO5xH9xzQ6oKoq67Lb7TwNT91D0TeyCmRH02gO+xfoADJbLNTpdAz3cDx2GAwEtAVQBDYWqAs9QkeqSpqmGe7ieKxQB2+L2TEOpBpxtUHb5+e0C7g8AunEYQCJi4LXX2F971vebWzQ5sUFFYvFP8G+gaSqU0CakF7Czfo6hUIhKpfLf4L1325c0Dregw6hWq3GZayiSqXSm0zj7d+zbxUNflJD8gZdra3RyvU1mbGPRqNUKpXGrmwoCG1TzmD8AH1AEqv392S1Wikej1OhUBgLNhQkxq+AnWB9grrdLl0uLckx2Ww2SiQSlM/nR4b9CBLTZ8D2MYmNRoOWb2/liBRFIYfDQclkknK53EiwX0FiLJOYSqWo2WwSM0tO7XabWq1Wr1KfzzcSTLxGCvlpq9Uq1+t1zmazvenDcLDH42Gv1zvRNA4FCyyTybDJZOr9ZpJHViKALXIwGJw+bPAlAguHwzw/v8CxWGy6sEGQ7AUmFblcLsZEzh4WCATY6XRyOp2ePczv97Pb7Z4tSG+jtPJre//ziTrwCcORstUPY3vxAAAAAElFTkSuQmCC'),
auto;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/325.gif"); animation-name: none; visibility: visible; height: 40px; width: 150px; }</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/1ZNpKSfe-NI?si=IMwxEInq65nntnWl/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 6 of 6 comments ( View all | Add Comment )
꓄ꃅꍟꉓꀎꋪꍟꁅꀤꋪ꒒ꀤꍟ	1713544177 Using :) Report Comment
VULTURECXLT	1706928389 Using Report Comment
4vk1	1706891046 uz1ng!! Report Comment
Beepers	1705784250 Using! Report Comment
pvnkcrow	1705606005 using! Report Comment
Kiki	1701563977 Using!! Thanks :D Report Comment I used ur layout to test :) by Kiki; 1701564118; Report