red.

Tags: red, city, skyline

Description:

its red

Code:

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

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl2.glitter-graphics.net/pub/711/711492quxsntt3op.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  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%) }
} </style>

<style>
main{
    height: 600px;
    overflow-y: scroll;
}
main .left{
    border-right:solid black 0px;
padding: 40px;
</style>

<style>

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #b9120161;
    --darker-blue: #000000;
    --lighter-blue: #c21a0394;
    --even-lighter-blue: #020100;
    --lightest-blue: #020002;
    --red: #f24445;
    --dark-orange: #ff5656;
    --light-orange: #0f0000;
    --even-lighter-orange: #0b0000;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

main {
    background: #b5030361;
    color: #ff5656;
    padding: 6px 0px;
    font-size: 80%;
}

body {
    background-image: url(https://cdn.wallpapersafari.com/77/40/KDyRIY.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

@keyframes hoverdesaturate{
  from{
    filter:saturate(100%);
  }
  to{
    filter:saturate(0%);
  }
}
main img:hover {
  filter:saturate(0%);
  animation: .25s hoverdesaturate linear;
}

</style>

<style>

@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'); /* Required Stylesheet */

.profile{
  animation: fadeInDown;
  animation-duration: 5s;
}
</style>

<style>

.online{content:url("https://www.myspacegens.com/images/online_now/331.gif");}

</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>
footer {
background-color: transparent;
}
</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 0 of 0 comments ( View all | Add Comment )