Pennywise (IT LAYOUT)

Tags: layout, pennywise, horror, horrormovie, horror movie

Description:

I hope you like my awesome horror profile!!🖤🖤

Code:

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

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

<style>

footer {
        border-radius: 15px;
background-color: transparent; 

</style>

<style>
    
  
body {
  font: normal small-caps normal 16px/1.4 monospace;
}



h1, h2, h3, h4,h5,a, p, nav label, .section {color: red ;}

h1 {
  color: red;
  text-shadow: 1px 1px 2px black, 0 0 25px darkred, 0 0 5px darkred;
}


 
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: coral55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: coral;
    }

main {
  /* changes made to stuff outside of columns */
    background: #0000;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }


table, th, td {
  border: 0px solid #f994ff ;
}

body
        {background: url("https://cdn.wallpapersafari.com/89/1/zDNfl5.jpg")
        no-repeat fixed; background-size: cover;
     }



.profile .friends .person img {
        border-radius: 500px;
    }

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

</style>

<style>

body:before {
 content: " ";
 height: 100vh;
 width: 100vw;
 display: block;
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 100;
 background-image: url('https://i.pinimg.com/originals/74/80/d5/7480d55a92bad7eda455b9406800e036.gif');
 background-size: cover;
 background-repeat: no-repeat;
 animation: yourAnimation 3s ease 0s 1 normal forwards;
 pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

.online{content:url("http://dl7.glitter-graphics.net/pub/104/104607x61kd02dl0.gif");}

.friends-grid {
        visibility:hidden; display:none;
    }
.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}


</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.

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Katie

1611709528

That is one of the best layouts I've ever done. Must add floating Balloons at some point

Report Comment

Thank you so much I appreciate it

by Jacque Diaz; 1612151528; Report