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

saturn2rings	1786413851 using! Report Comment
Venus	1786301296 Using <33 ^^ Report Comment
Korayy	1785814330 Using : 33 this is so pretty!! Report Comment
SHADOWONTHESUN	1775182825 about to use Report Comment
citrus	1771958600 using the rain animation gif thing!! Report Comment
H3nsku <3	1769111508 using! Report Comment
swagger	1766861347 using !! ^^ Report Comment
Lunar	1766530476 Using Report Comment
Lunar	1766530473 Using Report Comment
Sorxn \| Rocket	1765669992 using. Report Comment
Tari	1765594335 use Report Comment
Vyn	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