Preview:
<style>
.online { visibility: hidden; } .online img { content: url("https://64.media.tumblr.com/b8fc75e9138e37bfb64a26a7fa5986d0/2876fd94cc96fa58-6d/s75x75_c1/906bfaf54646edadab980865f05d588e416b50ea.gifv"); animation-name: none; visibility: visible; height: 20px; width: 20px; 
</style>

<style>
body {

        background: url("https://64.media.tumblr.com/e50018944f93ddc93783489a47653fff/tumblr_nspfvo8j4I1sgurego1_540.gif");

        background-size: 2000px;       

        background-attachment:no-repeat;
</style>

<style>
.profile-pic {
    background: #fff;
    padding: 5px 5px 196px;
    box-shadow: 3px 3px 10px silver;
</style>

<style>
 main {
  background-color: #121212;
  color: #121212;
</style>


<style>
.profile .friends .comments-table td {
  background-color: #ffffff;
}
</style>


<style>
p {
color: white;
}
</style>

<style>
@import url("https://fonts.googleapis.com/css?family=Creepster");

.w-40 h1{
font-family: Creepster;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#ffffff, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;
</style>

<style>
:root {
    --logo-blue: #1c1c1c;
</style>

<style>
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: none;
</style>

<style>
* a {
color:#f0f0f0 !important;
}

a * {
color:#f0f0f0 !important;
}
?
If not, to change just those links specifically, try this:

div.contact a { color:#f0f0f0;}
</style>


<style>
.blurbs .inner .section:first-of-type h4{
	font-size:0;
}
.blurbs .inner .section:first-of-type h4:after{
	content:"About Me:";
font-size:.8rem;
}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"Who I'd Like To Meet:";
font-size:.8rem;
}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #050505;
  color: #f5f5f5;
}
</style>

<style> 
.profile .table-section .details-table td {   background-color: #1a1a1a;   color: #1a1a1a; } </style>

<style>
.logo{content:url("); animation-name: none; visibility: visible; height: 20px; width: 20px;
}
</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "đ–Šč đ–đžđ„đœđšđŠđž 𝐭𝐹 𝐭𝐡𝐞 đ•đšđ«đ­đžđ± đ‚đ„đźđ› ~"; font-size:.8rem; font-weight:bold; color:insert color; }

</style>

<style>
--darker-blue: #7d2020;
</style>

<style>
 --lightest-blue: #7d2020;
</style>

<style>
   --lighter-blue: #7d2020;
</style>

<style>
  --even-lighter-blue: #7d2020;
</style>

<style>
nav .links {
    background-image:url(https://i.pinimg.com/564x/b8/6d/5c/b86d5c425d2cfc7f04d22f39fe10bad0.jpg);
    padding: 3.5px 16px 5.5px 16px;
}
</style>

<style>
nav .links a{
   color: #4f4f4f;
}
</style>

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery92/e9c997f9.gif?v=26dffab5'); width: 20PX;height: 20px;}
</style>

<style>
img.logo{
content: url("https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5");
width: 40px !important;
height: 40px !important;
</style>

<style>
.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

*add to friends*

content: url("https://gifcity.carrd.co/assets/images/gallery92/60b334b8.gif?v=26dffab5")

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

*add to favorites*

content: url("https://gifcity.carrd.co/assets/images/gallery92/27aa4253.png?v=26dffab5")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

*send message*

content: url("https://gifcity.carrd.co/assets/images/gallery92/e7af8c6b.gif?v=26dffab5")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

*forward to friend*

content: url("https://gifcity.carrd.co/assets/images/gallery92/d7a03eb6.gif?v=26dffab5")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

*instant message*

content: url("https://gifcity.carrd.co/assets/images/gallery10/85c18b66.gif?v=26dffab5")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

*block user*

content: url("https://gifcity.carrd.co/assets/images/gallery92/60b334b8.gif?v=26dffab5")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

*add to group*

content: url("https://gifcity.carrd.co/assets/images/gallery92/a3c39389.png?v=26dffab5")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

*report user*

content: url("https://gifcity.carrd.co/assets/images/gallery92/f94e6961.gif?v=26dffab5")

}
</style>

<style>main:before {
	width: 100%;
	height: 150px ;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/5ce6eb03f09ed2e74823663728192182/9bc07afd2e4604e8-b8/s540x810/81932368e7d14229eac3b0552793b9ac7fbe1bfc.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 150px;
	}
}</style>

<style>
.profile-pic img,.friends-grid img,.comments-table img{border-radius:5px;}
</style>

<style>* {cursor: url(https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5), url(https://gifcity.carrd.co/assets/images/gallery10/aa81d95b.gif?v=26dffab5), auto !important;}</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#ffedf9;
}

<style>
footer {
border-radius: 15px; background-image: url(https://i.pinimg.com/736x/1e/d9/8e/1ed98e5a5698a153c46b617b6e1f11b1.jpg);
 color: black;
}
</style>

<style>
body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://s6.ezgif.com/tmp/ezgif-6-b1665aeafb.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">

<style>
<img src="https://64.media.tumblr.com/da0a2e73793f9b0b3673fc2aefda8e02/d7da8c3f0d487409-20/s500x750/7d46ef6d3ecb28d8425bd8f9aec51bbf7997c0b7.pnj" width="250" height="250"/>
</style>

<style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>

<style>
.general-about .profile-pic:not(.icon):hover {
    transform: scale(1.2);rotate(-3deg);
    transition: 0.5s ease;
}
</style>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter