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

swagger	1766861347 using !! ^^ Report Comment
Lunar	1766530476 Using Report Comment
Lunar	1766530473 Using Report Comment
Sorxn \| Rocket	1765669992 using. Report Comment
𝔄𝔩𝔢𝔭𝔥𝔢𝔫𝔠𝔢	1765659615 using! Report Comment
Tari	1765594335 use Report Comment
Kasper	1763918321 Ooh this is pretty imma use it! Thanks! Report Comment
Mrin.srl	1763388239 use Report Comment
rexraven	1761297498 using part of this thx :D Report Comment
luna	1758544296 using Report Comment
Letsbeflawed	1758163198 Using Report Comment
Ahniyah	1756717233 Using Report Comment
BlankStarDreamer	1756302096 brilliant ! Report Comment
lily	1752908640 using this, thank you!! Report Comment
JC	1751199517 using Report Comment
Kiwi	1750583120 the rain is broken :/ Report Comment
Addison	1749268282 currently using Report Comment
♠️ Ace	1748722071 Using!! :3 Report Comment