Moonlight and Rain

Tags: moonlight, rain, blue, katie

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.

Preview:

click on the image for a larger preview

Code:

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

<style>
 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://dl.glitter-graphics.com/pub/590/590935ankbyj1xx4.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

body
        {background: url("https://wallpapercave.com/wp/wp5339453.jpg")
        no-repeat fixed; background-size: cover;
     }  


<style>


.w-40 > h1 {
  /* username */
    font-size: 5em;
    text-align: center;
    font-family: cursive;
 color: #731f6655;
    

</style>



<style>

footer {background-color:  #00699455;}
 

</style>

<style>

table, th, td {
  border: 1px solid blue;
}

table, th, td { border-radius: 15px} 
}


</style>

<style>

:root {
        --logo-blue: #006994;
        --darker-blue:#006994 ;
        --lighter-blue: #006994;
        --even-lighter-blue: #006994;
        --lightest-blue: #006994;
        --dark-orange: #;
        --light-orange: #006994;
        --even-lighter-orange: #006994;
        --green: Aliceblue;
    }

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

</style>

<style>

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

</style>
<style>

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

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

</style>

<style>

:root{ font-family: Georgia, serif;
font-size: 18px;
letter-spacing: 1px;
word-spacing: 2px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
text-shadow: 2px 2px 2px #CE5937;

</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 20 of 142 comments ( View all | Add Comment )

Lycion	1751199517 using Report Comment
Kiwi	1750583120 the rain is broken :/ Report Comment
Addison	1749268282 currently using Report Comment
Ace/Axel!	1748722071 Using!! :3 Report Comment
Phil Blue	1745808182 used, thank you so much Report Comment
KYLE	1744062514 using the rain :p Report Comment
s_i_m___d_a_n_official	1739693908 Very good💥💥💥 Report Comment
꒰ CESAR ! ﾒ	1739674214 USING ^_^ Report Comment
Aquamarine	1738943050 USING!! <33 Report Comment
Memoca	1738363693 using! Report Comment
kittyswipe	1738051056 using! Report Comment
⋆｡✩ vie	1737997473 usingg Report Comment
Froggy Orbit	1737829043 Using, thanks! Report Comment
JELLY/IAN🪼	1737684365 USEING Report Comment
Matthis	1736905825 Using! Report Comment
Matthis	1736905823 Using! Report Comment
Avakin	1736396424 dis awesome sauce Report Comment
🍸♣️{DREADBEAR}♣️🍸	1736261193 Using! Report Comment
vvyx2	1735082293 Using! Ty ty ≧﹏≦ Report Comment
vvyx2	1735082292 Using! Ty ty ≧﹏≦ Report Comment