Cute scene layout!! :)

Tags: scene, cute, colorful, alternative

Description:

This took a little while and a lot of tweaking so i hope you like!!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Bungee&family=VT323&display=swap');


h1 {
    font-size: 35px!important;
    line-height: 50px;
    font-family: 'VT323', monospace;
    font-weight:normal;
    text-transform: lowercase;
    letter-spacing: -1.5px;
    color: #FF69B4;
    text-align:center;
    padding-bottom:0px;
    padding-top:0px;
    background: #000;
    background-image:url("https://i.imgur.com/ML1hW77.jpg");
    background-position: center;
    background-size: 100%;
   }

body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://i.imgur.com/8cV1Bim.gif'); 
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 7s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }

:root {
        --logo-blue: #4d000055;
        --darker-blue: lighter-blue;
        --lighter-blue: even-lighter-blue;
        --even-lighter-blue: blueviolet;
        --lightest-blue: pink;
        --dark-orange: blueviolet;
        --light-orange: hotpink;
        --even-lighter-orange: light-purple;
        --green: blue violet;
    }

main {
  /* changes made to stuff outside of columns */
    background-color: black;
    opacity: .9;
    padding: 0;
    font-size: 100%;
    color: var(--light-orange);
  }

body {
  /* sets background */
    background-image: url('https://i.pinimg.com/originals/50/32/80/5032807dd0f297c902363205e4e34fee.gif');
    background-repeat: repeat;
    background-size: 50% ;
  }

 * {
     font-size: 20px!important;
     font-family: 'VT323', monospace;
     font-weight:bold;
     text-transform: lowercase;
     letter-spacing: 1px;
    }

.general-about .profile-pic {
  /* profile pic container */
    height: 50%;
    width: 50%;
    background-color: var(--#4d000055);
    border-radius: 500px;
    padding-top: 4px;
  }

  .general-about .profile-pic img {
  /* profile pic */
    max-width: 50%;
    max-height: 50%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 500px;
    display: block;
  }

main {
        border-radius: 0 0 15px 15px;
        background: rgba(0, 0, 0, 0.94) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 50px;
    }

    footer {
        border-radius: 15px;
        background: rgba(0, 0, 0, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: pink !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

/*making the comments section have a scroller*/
  .comments-table{
    display: block;
    height: 380px;
    overflow-y: scroll;
    Border-radius: 15px;
    background-color: rgba(0, 0, 0, 1);
  }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

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

nav { background-image: url(https://i.imgur.com/8cV1Bim.gif }
</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 2 of 2 comments ( View all | Add Comment )

xXZ0mbeh_GurllXx

1687858171

Very cute!! Im uzing thizz!!

Report Comment

HELLY STILETTO, High Priestess of Coffee and Wine

1614127413

Very Cute!!

Report Comment