Let's FIX You Up

To create a unique profile on Spacehey, you can use the following types of code 

• CSS: You can use CSS to style your profile. for example, you can add background image or change the font color.
• HTML: You can use HTML to add additional elements to your profile, such as links to other social media profiles or personal websites
• Markdown: You can use Markdown to format your profile text, such as creating list or bold text.

Here between the lines you'll see a few helpful codes that will get you on your feet and speed you up to date. It's quick, simple and sweet. You can keep the 

<!-- HIDDEN COMMENT TAG --> 

to help you find your code easy and keep track of codes when placing.

______________________________________________________________________

<!-- Text Color Size -->

<p style="color: #FF0379;"><font size="5">

PLACE YOUR TEXT HERE

</font></p>

______________________________________________________________________

<!-- List With Bulletpoints -->
• Item 1
<br/>
• Item 2
<br/>
• Item 3
<br/>
• Item 4 (Copy & Paste Item with br If Needed To Add More Items)
<br/>

______________________________________________________________________

<!-- Animated Gif or Image --> 

<img src="PLACE YOUR ANIMATED GIF or IMAGE URL HERE" style="width: 100%; height: auto;"/>

______________________________________________________________________

<!-- Visable Youtube Video That Autoplays  -->

<iframe width="100%" height="300" src="https://www.youtube.com/embed/INSERT THE YOUTUBE VIDEO CODE HERE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

______________________________________________________________________

<!-- Loadscreen Animation -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('PLACE YOUR ANIMATED GIF URL HERE');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

______________________________________________________________________

<!-- Top Banner Animated Gif or Image -->

<style>
main:before {
width: 100%;
height: 550px ;
display: block;
content: "";
background-image: url('PLACE YOUR ANIMATED GIF or IMAGE URL HERE');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

______________________________________________________________________

<!----- Link Color Override ---->

<style>
* a {
color:#E90075 !important;
}
a * {
color:#E90075 !important;
}
?
If not, to change just those links specifically, try this:
div.contact a { color:#E90075;}
</style>

______________________________________________________________________

<!----- Hide Friend's Images  ---->

<style> .friends-grid{display: none !important;} </style>

______________________________________________________________________