Speed is Life

Tags: layouts, red, phonk, music, shiny, bright, black, liquid, simple, best

Description:

still a newbie here! joined 12hrs ago. the theme ain't perfect yet, but it will be...😉👌

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by KoLa (https://layouts.spacehey.com/layout?id=104110) -->

<style>
.navigation {
    background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20231031/pngtree-vibrant-fluid-art-abstract-background-with-colorful-white-black-and-red-image_13782581.png');
    /* Add any additional CSS properties to customize the navigation bar */
}


body{
background:url(https://i.pinimg.com/originals/8c/de/fa/8cdefa1e24af00e1104caf63d1b21a3d.jpg) no-repeat center
fixed;
-webkit-background-size: cover}
main{background-color: transparent;}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}

.general-about .profile-pic::before {
    content: '';
    background: url('https://64.media.tumblr.com/3e2a2b97d23c43f628f7daeb19db2111/935d3c5e9a78017d-f0/s540x810/a1a4cf15177a5b56ca287a205f43c16225a20f33.pnj') no-repeat;
    background-size: cover;
    display: block;
    width: 170px;
    height: 170px;
    z-index: 999;
    position: absolute;
    top: -70px;
    left: -80px;
}

nav .top {
  background-image: url('https://media1.tenor.com/m/aPzvbh-EUp8AAAAC/calling-card.gif');
}

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

.nav {
    background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20231031/pngtree-vibrant-fluid-art-abstract-background-with-colorful-white-black-and-red-image_13782581.png');
    /* Add any additional CSS properties to customize the navigation bar */
}

.profile .friends .person img {
 border-radius: 50%;
  animation: spin 7s infinite linear;
}
 .comments-table td:first-child img {
 border-radius: 50%;
  animation: spin 7s infinite linear;
}

    /* Changes ALL headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading {
    background-image: url('https://media1.tenor.com/m/I1D3NLOnkTwAAAAC/moving-formation.gif');
  }
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://external-media.spacehey.net/media/smrRhEy20xdNaDRlTPY9fraqd5Gu2s77zivaYpwk9Q8A=/https://64.media.tumblr.com/225fbdb4e0a4c95f2ba59153dfa0adc8/43759cd774a96f41-4f/s400x600/b81ad04ac7d51b61d9190f8eb96b0a85cec1be3d.gifv);
  background-position-x: center;
  background-size: 450px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: white!important;
   text-shadow: 0 0 5px #ed9f9f, 0 0 10px #ed9f9f, 0 0 10px #ed9f9f, 0 0 20px #ed9f9f, 0 0 25px #ed9f9f;
}

.contact {
  border-radius: 8px;
  background-image: url(https://tenor.com/view/hacker-hacker-man-matrix-codes-computer-language-gif-16612917.gif);
  background-position: center;
  no-repeat fixed; background-size:cover;
background-attachment: scroll;
Width: 300px;
Height:180px;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lugrasimo&family=Oswald:wght@200..700&family=Teko:wght@300..700&display=swap');
* {
    font-family: "Lugrasimo", cursive;
  }
</style> 

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://tenor.com/view/cod-gif-23962913.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://gifcity.carrd.co/assets/images/gallery77/eb674e5a.gif?v=c54a506e');

}



</style>

<style>
  .profile .contact .heading, 
  .profile .table-section .heading{
      background-color: black;
  }
</style>

<style>* {cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAAyAAAAMgAY/rnrQAAAAd0SU1FB+cMBAMGKgKgK8UAAAABb3JOVAHPoneaAAADAElEQVRIx62UbUiTURTHV1QwctMPfcwCGX6p7ZtCEArSwoLKRaIpoaVhhQoirWni41aZoIal2Yd0ZTPUqWNaKCUhhRqaVizJl2gsEZ2EmRBBYPz778Xl0mdt0f0z9tyX87vnnnvukeixsbQ7JcE1PYywrlPHdz2EA0ECzHiDGT9NoI8+lGYEDZjCTz/N/yvgB765NeMGVGpHom0RIQGcGHJr0OvB6NYBWQiAT+hdcwvXkoQd2CRsDgEwxS/Gvrg0pzRHSBPCgr5Gf8Dl3f7zJnmNKkFlruhFFz00VySoalQm+R+AcXylxtcBBmTdMYLWgGSkI8utdKTiCgStKcYq8wFaV17Ao9YVHmHXqnmDzJp/D0ehgwnDxLs0jFZuchy30Zbf4EHootYmsBAlbPGY94eZ8ww4i3Y4sOwnJ3pwHgY05Zk9cRJiy1I8EmJ/u9+srMc5XujyhhpELqrwKm9+u0ho68IMhcfwWMTcpSdIwnOMKUQA1YqrPLszAMCJEq4QxABHFMmo47IvsOOtXxQc7Ns5vowmnEC8GCBekYYOLGESt3haI6a95tP8zuXYJOd6kBEIcJLxX2DySCHBPli8gC7Esy/l/wIe4ZQ4IEtxBjcwy/0k1DY0ewFm7HGPGDnXSA+SxQAPFPXIx3s8RSSXx7FGLTJsi3T7MPuR9GACF3mUu2KA/oiHVRnuJGpk6rbjAw0seIeP6GS/kbGwIgWmqn7xenFJWYByhspV4Obo/DMmdTd9mGN/huOVuIACZYBXWq00oMx3ea4TS3GdL3Z1pAzFqAgE6FO2odCXAbPMvHp64PBlQyHzpDkQYDT8fpEGN/lG7TRYousO/pb4bcdL1OIQKovM4QFLzVBsLytAJqoxis9uOakxXm820vhOhmL/Uqum5TZ1jlqqT2ROzrnlYN3s5N4Sfarapp6WB1Xy9mriWD5ec2cby8kI7mA/dmokwbdaTQkO4jSPks3My0QiX2FtKACT3KIz0mhVRlh0JrkklGaVtUSX+9QSbZVJ/mf7BenvS+eaVLexAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTEyLTA0VDAzOjA2OjQxKzAwOjAwYu+jRQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0xMi0wNFQwMzowNjo0MSswMDowMBOyG/kAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMTItMDRUMDM6MDY6NDIrMDA6MDB1TyC7AAAAAElFTkSuQmCC), auto;}</style>
<style>A:hover{cursor: url(" https://cur.cursors-4u.net/others/oth-1/oth43.cur"), auto;}
</style>

<style>

.col, main, footer, nav .links, nav .top, html::before {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}


</style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://tenor.com/view/cod-cod-calling-card-calling-card-gif-23438289.gif);  width: auto; height: 70px; background-position: top center; background-size: 90%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>



<style>
.general-about{
  position: relative;
  margin-top: 50px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://64.media.tumblr.com/3e2a2b97d23c43f628f7daeb19db2111/935d3c5e9a78017d-f0/s540x810/a1a4cf15177a5b56ca287a205f43c16225a20f33.pnj') no-repeat;
  background-size: cover;
  display: block;
  width: 170px;
  height: 170px;
  z-index: 999;
  position: absolute;
  top: -70px;
  left: -80px;
}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/FvmwiYB7HRc?si=7jTlrt6NJhLPFKxD//?&;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>

<style>
main:before {

	width: 100%;

	height: 150px ;

	display: block;

	content: "";

	background-image: url('https://tenor.com/view/sniper-sniping-shooting-guns-shoot-gif-9579894.gif');

	background-position: center center;

	background-size: cover;

}
</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.