Neon pink and green !!

Tags: neon, pink, green, scene, stripes, cool, watermelon, 2000s, animation

Description:

Kinda scenecore neon pink and green layout. neon watermelon vibez

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Original base layout created by :: trixie toxxic :: (https://layouts.spacehey.com/layout?id=24910), customised by w4t3rm3l0n -->

You can put any text you want over here and it'll be displayed on your page

<style>

body {
   background: #000 url(https://i.pinimg.com/736x/09/c9/67/09c9675b35fb8a6be321638151671c4d--neon-colors-bright-colours.jpg);
   font-family: "kinkie";
   cursor: url(https://www.cursor.cc/cursor3d/63294.png), auto;
}

main {
   background: url(https://wallpaperaccess.com/full/2391443.jpg);
   background-attachment: fixed;
   color: #fff;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-left: 5px solid #00ff0d;
   border-right: 5px solid #00ff0d;
   border-bottom: 5px solid #00ff0d;
}

div.top {
   background: url(https://i.pinimg.com/originals/e3/2f/51/e32f516f133424ee3a44798e1befbfd8.jpg);
   margin-top: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-left: 5px solid #00ff0d;
   border-right: 5px solid #00ff0d;
   border-top: 5px solid #00ff0d;

}

.links {
   background: linear-gradient(0deg, rgba(255,114,196,1) 0%, rgba(255,122,195,1) 50%, rgba(255,146,214,1) 50%, rgba(255,241,253,1) 100%);
   font-size: 7px;
   text-align: center;
   font-weight: bold;
   border-left: 5px solid #ff00c3;
   border-right: 5px solid #ff00c3;
}

.links li:not(:last-child)::after {
  content: "   " !important;
  font-size: 6px;
  color: ff00c3;
}

.links li {
   margin: 3px;
}

nav .links a:hover {
  text-decoration: none;
  color: #ff00c3;
}

.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #ff00c3;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #ff00c3;
   padding: 8px;
}

.contact {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #ff00c3;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #ff00c3;
}

.general-about {
   overflow: auto;
}

.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://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url(https://i9.glitter-graphics.org/pub/437/437869nvw95ertcx.gif);

}

.profile-info {
   border: 0;
   margin: 5px;
   padding: 5px;
   font-style: italic;
   colour: 00ff08;
}

.profile-pic {
   animation: floating 3s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}

.friends-grid {
   background: rgba(0, 0, 0, 0.2);
   border: 7px double #ff00c3;
   border-radius: 20px;
   box-shadow: inset 0px 5px 15px 5px #ff00c3;
   margin-top: 10px;
   padding: 8px;
}

.person:hover {
   animation: floating 1s;    
   animation-iteration-count: 1;
   animation-iteration-count: infinite;
}

h1 {
   font-size: 20px;
   text-align: center;
   
}

.profile .url-info {
border: 7px double #ff00c3;   
}
.profile .contact {
border: 7px double #ff00c3;   
}
.profile .table-section {
border: 7px double #ff00c3;   
}

.heading {
   text-align: center;
   font-size: 14.5px;
   margin: 10px;
   text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
}

button {
   background: linear-gradient(0deg, rgba(255,114,196,1) 0%, rgba(255,122,195,1) 50%, rgba(255,146,214,1) 50%, rgba(255,241,253,1) 100%);
   border: 1px solid #ff00c3;
}

button:hover {
   background: #00d9ff; 
   box-shadow: inset 0px 0px 9px 1px rgba(0, 0, 0, 0, 0.5);
   border: 1px solid #ff00c3;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 1px solid #ff00c3; 
}

.count {
   color: #ff79c3;
}

a:hover {
   color: #ff79c3;
   font-weight: bold;
}

::selection {
   background: rgba(255,122,195,0.6);
   color: #ff0044
}

.online {
   content: url(https://i10.glitter-graphics.org/pub/2115/2115990hjhdyc6bpf.gif);
}

.logout-btn {
   font-family: "kinkie";
}

footer {
   background: 0;
   font-weight: bold;
   text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
}

footer .links {
   background: 0 !important;
}

:root {

    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #fff;
    --darker-blue: #fff;
    --lighter-blue: #fff0;
    --even-lighter-blue: #fff0;
    --lightest-blue: #fff0;
    --red: #fff0;
    --dark-orange: #fff;
    --light-orange: #fff0;
    --even-lighter-orange: #fff0;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
}

@keyframes floating {
   0% { transform: translate(0,  0px); }
   50%  { transform: translate(0, 10px); }
   100%   { transform: translate(0, -0px); }   
}

</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 5 of 5 comments ( View all | Add Comment )

Tavros!! ♉︎	1709940849 using Report Comment
Twig	1681789988 def using this!!!!!! so trippy @w@ Report Comment
♪ COSMO/OREL ♪	1678112908 using ^^ Report Comment
bella	1675136037 do you mind if i customize this? Report Comment yeah sure!! by w4t3rm3l0n; 1675191532; Report
Samuel	1673822547 Using :0 Report Comment yay!! xD by w4t3rm3l0n; 1674848906; Report