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

☆ VANCE ! ☆	1701220255 using!! Report Comment
LUFFY	1698796902 using :3 Report Comment
leonardo ☆	1697918474 using!! thank you ^^ Report Comment
AlexThePony	1697582839 USING!!! Report Comment
✰ sol.html	1688865753 used :)) Report Comment
shumaisboy	1687430658 WILL PROBABLY USE!"!! Report Comment
alec!!	1686455091 using!! Report Comment
starlight☆	1682125366 ITS SO CUTE N I LOVE IT :DDDD! Report Comment