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 121 comments ( View all | Add Comment )

xX_VampireLover_Xx	1732422714 using!!!! Report Comment
VEE	1731541831 using! Report Comment
kaygurl010	1731294702 usinggg!! Report Comment
Kura	1725549264 Usingg!! Report Comment
_CharlieCantCook_	1725316462 using! Report Comment
Schoenheitened	1724598568 Using Report Comment
Meow.AB!	1722768802 Usingg! Report Comment
Carcino	1722464312 Using! Thank you! Report Comment
NightyGalaxy	1722462192 THANKS! USING! Report Comment
jack	1721929491 using :3 Report Comment
rainy	1721279431 using!! thank you :3 Report Comment
gghoulbites<3	1721202850 Using!!! x3 Report Comment
ro	1720222947 using!^^ Report Comment
U.U 🐰	1719942438 using :3 Report Comment
Jeremiah	1711488393 using!! Report Comment
Bluevampire99	1710797035 using!! Report Comment
Nightmare	1708224178 using Report Comment
FellowHimbo	1707237193 Using! Report Comment
Thiasehh_	1707011579 Using Report Comment
•𝓝𝓲𝓰𝓱𝓽☾	1706387091 Using!! Report Comment