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

microwavedmikael	1789284788 using!!! Report Comment
TheFirstTime	1785171297 using!! <3 :) Report Comment
mari	1784453868 using!! Report Comment
Rey_undercover	1777821308 Using:3 Report Comment
lalaloopsy	1769268308 Using!! Report Comment
grobovshik_mercer	1765901583 will be using, thank you! Report Comment
Fulomatic	1763469913 Usiiing!! Report Comment
John 𐔌՞. .՞𐦯	1744077985 Using !! ahhh this is so pretty !!( ˶ˆᗜˆ˵ ) Report Comment
Tsyuuna	1741181323 USINNGGGG Report Comment
olive	1737520291 usingngng! Report Comment
val .𖥔 ݁ 🌾˖⊹	1728840474 using !! Report Comment
val .𖥔 ݁ 🌾˖⊹	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