Look to the Stars

Tags: layouts blue gif space meteor

Description:

My first layout feel free to use it and add me or at least share this if you like it!

Preview:

click on the image for a larger preview

Code:

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

<style>
 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.tenor.com/images/52006da8cac6cad374f80eb146a8e7af/tenor.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.3;
  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/uwp/uwp627627.jpeg")
        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: 	#0000CD;}
 

</style>

<style>

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

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


</style>

<style>

:root {
        --logo-blue: #0000CD;
        --darker-blue: #0000CD ;
        --lighter-blue: #0000CD;
        --even-lighter-blue: #0000CD;
        --lightest-blue: #0000CD;
        --dark-orange: #008000;
        --light-orange: #008000;
        --even-lighter-orange: #008000;
        --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 25 comments ( View all | Add Comment )

John 𐔌՞. .՞𐦯	1744077985 Using !! ahhh this is so pretty !!( ˶ˆᗜˆ˵ ) Report Comment
Tsyuuna	1741181323 USINNGGGG Report Comment
olive	1737520291 usingngng! Report Comment
saturn .𖥔 ݁ 🪐˖⊹	1728840474 using !! Report Comment
saturn .𖥔 ݁ 🪐˖⊹	1728840473 using !! Report Comment
Anastasia	1727818636 Using! <3 Report Comment
dreaming lamb! (rus/eng)	1721134454 OMIGOSH USING! ↖(^ω^)↗ Report Comment
🌐ᯓ★ cosmo !! 🩵	1719778777 USING!! THIS RULES ^_^ Report Comment
Kyle!? ✦	1716058676 Using Report Comment
Джаст	1715346245 use! Report Comment
Silly Shape Shifter!!!	1712611060 using! Report Comment
Silly Shape Shifter!!!	1712611060 using! Report Comment
Anthony	1712243897 using ty Report Comment
Medibirin (narunyan)	1706378679 using ( *︾▽︾) Report Comment
☆Damon_Almond☆	1705659713 Using! Report Comment
Space_0ddity	1702697578 Using !!! Report Comment
☆ vincent/ vivian !☆	1701220255 using!! Report Comment
Law	1698796902 using :3 Report Comment
leonardo ☆	1697918474 using!! thank you ^^ Report Comment
CrazyKat!	1697582839 USING!!! Report Comment