rainbows and stars!!!!

Tags:

Description:

for anyone that loves rainbows and stars!!!!!! give credit or comment if using you can change whatever you want

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆shawn the fool☆ (https://layouts.spacehey.com/layout?id=39607) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style> 

<iframe width="0" height="0" src="https://www.youtube.com/embed/dNkccaiGJA0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Nice Boys" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
 
  body {
   background-image: url(https://i.pinimg.com/736x/a0/23/81/a02381cc79dcf60d02d1e573044f0b9b.jpg);

}
.profile {
background-image: url(https://66.media.tumblr.com/155fff0a8c45f385c6861c71e446536f/tumblr_pjmtn7b19j1vbdodoo1_1280.gif);
    border-radius: 0px;

}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(128 0 255);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgb(128 0 255);
   color: rgb(128 0 255));
}

main:before {
    width: auto;
    margin-bottom: 0px;
    border: 0px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/91/2b/9c/912b9c914435d094d61a3524dd173119.gif);
    background-position: center center;
    background-size: cover;
}

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' (https://i.pinimg.com/originals/91/2b/9c/912b9c914435d094d61a3524dd173119.gif) ');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

footer {
    border-radius: 0px;
    background-image: url(https://i.pinimg.com/originals/a7/2c/aa/a72caae0f417d0c1526fbf9d5e192049.gif);
    color: white;
}

table.comments-table td {
    color: rgb(128 0 255));
}


nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 0px;
}
main {
background:  ;
border-radius: 12px;
border: 5px solid #8000FF;
padding: 0;
font-size: 90%;
color: #8000FF;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif) 
}

:root {
    --logo-blue:black;
    --darker-blue: purple;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}
</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 3px dashed blue !important;   

        

    }

</style>

<img src="https://i.pinimg.com/550x/cb/52/64/cb526407c926fb70ff1878ad51274d59.jpg"/>

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.