Wukong + Peach theme layout

Tags: peach, wukong, lmk, legomonkiekid
Description:

A layout based off of Wukong (LMK) for my boyfriend, I might make it more based off of him alone (since my bf wanted it peach themed)
Layout looks better on desktop so if you mainly use mobile then this probably isn't for you (sorry)
(credit this account or my main if you use, comment or friend me too.)
Preview:

click on the image for a larger preview
Code:

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

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


 <div class="snowflakes">
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=72&height=72"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/861401331557597205/1094347798876524684/spincloud.gif?width=72&height=72"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=52&height=52"/>
  </div>
  <div class="snowflake">
<img src="https://media.discordapp.net/attachments/861401331557597205/1094349067812884611/coin.gif?width=52&height=52"/>
 </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/861401331557597205/1094347798876524684/spincloud.gif?width=72&height=72"/>
  </div>

  <div class="snowflake">
<img src="https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=52&height=52"/>
  </div>


  <div class="snowflake">
<img src="https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=72&height=72"/>
  </div>


  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/861401331557597205/1094349067812884611/coin.gif?width=72&height=72"/>
  </div>


  <div class="snowflake">
<img src="https://media.discordapp.net/attachments/861401331557597205/1094347798876524684/spincloud.gif?width=72&height=72"/>
  </div>


  <div class="snowflake">
<img src="https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=72&height=72"/>
  </div>





<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}



@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>


<div id="profile">
<h1>🍑 Account Warning!!</h1>
<p>This profile includes the following:</p>
<ul>
<li>Autoplaying Music</li>
<li>Moving Images</li>
<li>Layout is NOT mobile friendly.</li>
</ul>
<a href="#profile">Alright!!</a>
<a href="https://spacehey.com/home">Back Home</a>
</div>

<style> 

:root {
  --warning-background-color: #FFEEE4;
  --warning-text-color: #FFB78C;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .8s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px solid var(--warning-text-color);
 box-shadow: 0px 0px 10px 2px #FFBE29;
}
</style>
<img src="https://media.discordapp.net/attachments/861401331557597205/1094255791877402714/7e3ccfbe114e346f7eb14096719d0711e8a5af71.png?width=100&height=90" alt="Wukong!!(top)" style="position: relative;top: -429px;right: 112px;transform: rotate(16deg);"/>

<img src="https://media.discordapp.net/attachments/861401331557597205/1094255791877402714/7e3ccfbe114e346f7eb14096719d0711e8a5af71.png?width=180&height=162" alt="Wukong!!(bottom)" style="position: relative;top:763px;right: -241px;transform: rotate(8deg);"/>

<img src="https://media.discordapp.net/attachments/861401331557597205/1094255791877402714/7e3ccfbe114e346f7eb14096719d0711e8a5af71.png?width=72&height=65" alt="Wukong!!(pfp)" style="position: relative;top: 17px;right: 619px;transform: rotate(-8deg);"/>

<img src="https://media.discordapp.net/attachments/861401331557597205/1094368389612437647/stafflogo.png?width=188&height=32" alt="Staff!!" style="position: relative;top: -313px;right: 277px;"/>

<style>
*{ cursor: url(https://cdn.discordapp.com/attachments/666430749230104579/1094291483462483968/wukong_cursor.cur), auto;
      }
 </style>
<style>
a:-webkit-any-link{ cursor: url(https://cdn.discordapp.com/attachments/666430749230104579/1094291483860934826/wukong_link.cur), auto;
      }
 </style>
<style>
p:hover{
cursor:url(https://cdn.discordapp.com/attachments/666430749230104579/1094291484590751784/wukong_type.cur), auto;
}
h4:hover{
cursor:url(https://cdn.discordapp.com/attachments/666430749230104579/1094291484590751784/wukong_type.cur), auto;
}
 </style>

<style>
@import url("https://myspace93.github.io/modules/dark-2.css");
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
</style>


<style> @import url('https://fonts.googleapis.com/css?family=Alkatra:wght@400&display=swap');

body {
    font-family: Alkatra;
   background-image:
url(https://i.pinimg.com/originals/5a/50/7f/5a507f855934570b3abbb49cec5d6b5e.png);
    background-size: 200px;
   background-position: center center;
    font-size: 15px;
}
img {
    filter: none;
}

.online img {
 content: url(https://media.discordapp.net/attachments/861401331557597205/1094322528362704978/peachcursor.png?width=80&height=80);
}

#q,
button {
    color: #FFB78C;
    background-color: #FFEEE4;
    border: 1px solid #FFBE29;
    font-family: inherit;
}

p,
i,
b,
.count {
    color: #FF8755!important;
text-align: center;
margin: 15px 0px 0px;

}
a,
.profile .friends .person p,
.logout-btn {
    color: #F68561!important;
    text-decoration: underline !important;
}

.container {
    margin: 0 auto 0;
}
.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
.icon {
    display: none;
}

.blog-preview {
    background: linear-gradient(#FFEEE4,#FBDBBC);
    padding: 17px 44px;
    border: 2px solid#F68561;
    box-shadow: 0px 0px 9px 1px #FFCB056e;
border-radius: 20px;
}
* {
    color: #FF8755;
}
nav,
nav .links a {
    color: #FFEEE4;
    text-shadow: none !important;
}

nav .top {
    margin-top: 2px;
    background-color: #FFB78C;
    border: 2px solid #FFBE29;
    border-bottom: none;
}

.contact .inner .f-col:nth-child(2) a:before {
    content: "🍑";
    font-size: 14px;
    color:#FFBE29;
}
 .contact .inner .f-col:nth-child(1) a:before {
    content: "🍑";
    font-size: 14px;
    color:#FFBE29;
}
nav .links {
    background-color: #FFEEE4;
    border: 2px solid #FFBE29;
    text-align: center;
}
.blurbs .inner .section:nth-child(2) p:after {
    content: "woah";
}
.general-about .profile-pic img {
  border: 5px solid #FFB78C;
    max-width: 160px;
    max-height: 160px;
    margin: 15px 0px 0px 12px;
 box-shadow: 0px 0px 9px 1px #FFBE29;
}

}
.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 0px 8px 0;
    height: 160px;
}

main {
    background: none;
    color: #FFB78C;
    border-left: none;
    border-right: none;
}

    main:before {
    width: 200px;
    margin-bottom: 25px;
    margin-left: 300px;
    border: none;
    height: 200px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #FFBE29;
    background-image: url(https://media.discordapp.net/attachments/1083887023124922378/1094265749641629786/image0.gif?width=330&height=309);
    background-size: cover;
}

.heading, .url-info {
    color: #FF8755!important;
    background: none;
    background-color: #FFB78C!important;
    border: 2px solid #FFAF78!important;
    box-shadow: 0px 0px 5px 1px #FFBE29;
    background-size: cover;
    border-radius: 20px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    color: #FF8755;
    background-color: #FFB78C;
    padding: 2px 7px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #FFB78C;
    color: #FF8755;
    padding: 2px 7px;
}
.inner {
    background-image: url(https://media.discordapp.net/attachments/830785153198325801/1094286555557925055/image.png?width=564&height=663)!important;
    color: #FFAF78;
    border: 2px solid #FFAF78;
    border-top: none;
    box-shadow: 0px 0px 5px 1px #FFBE29;
    background-blend-mode: soft-light;
    background-color: #FBDBBC;
    border-radius: 20px;
padding:2px;
}

.profile .friends .inner {
    background-color: #FBDBBC!important;
    color: #FFAF78!important;
    border: 2px solid #FFAF78;
    border-top: none;
    box-shadow: 0px 0px 5px 1px #ffbe2999;
    border-radius: 20px;
}

.profile-info .inner {
    border: none;
}

.friends .inner {
    border-bottom: none;
}

#comments {
    border-bottom:none;
}

.profile .contact,
.profile .table-section,
.home-actions {
 border: none!important;
}

.profile .contact{
    margin-top: 0px;
    padding-top: 7px;
    border-radius: 20px;
}

.profile .blurbs .section h4{
    color: #FFB78C!important;
    text-align: center;
}
h4 {
    color: #FF8755;
    margin: 0;
}

.blurbs .inner .section:nth-child(2) h4::before {
    content: "Searching for successors!!!";
    font-size: 18px;
}
.blurbs .inner .section:nth-child(2) h4 {
    font-size: 0;
}

.blurbs, #box, .box, #header, #hSub, #commentInput {
    background: none;
    border: none;
    padding: 0px;
    margin-bottom: 10px;
}
.details-table {
    margin: 0px;
}
.details-table td{
border-radius: 20px;
}

.details {
 background-color:#FFEEE4;
 box-shadow: 0px 0px 5px 1px #FFBE29;
 height: auto;
 padding: 5px;
}
.general-about .details {
    display: block;
    margin: 35px;
    border: 5px dotted #FFB78C;
    border-radius: 20px;
}

.profile .mood {
    paddind:2px;
    display: flow-root;
    border-radius: 40px;
    width: 260px;
    background: linear-gradient(#FBDBBC,transparent);
    box-shadow: 10px 0px 0px 2px #FBDBBC;
}

.details-table,
td {
    border: none;
    border-collapse: collapse;
}

td {
    color: #FFBE29!important;
    background: none;
    background-color: #FFEEE4!important;
}

table.details-table {
    max-width: 100%;
}

.profile h1 {
    font-size: 20px;
    background-color: white;
    padding: 80px 10px;
    text-align: center;
    clip-path: polygon(14% 70%, 48% 70%, 80% 70%, 89% 55%, 84% 44%, 66% 32%, 49% 41%, 31% 24%, 11% 33%, 8% 46%);
}
.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
color:#FF8755
       border: 2px solid transparent;
    clip-path: polygon(50% 33%, 80% 10%, 100% 35%, 92% 52%, 76% 72%, 50% 100%, 24% 72%, 8% 53%, 0% 35%, 20% 10%);
}

footer:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #FFBE29;
    background-image: url(https://i.pinimg.com/originals/1d/05/c7/1d05c7d7a92c1441c0985a230fb050c5.gif);
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
}


footer {

    background: #FFB78C;
    border: 2px solid #FFBE29;
    margin-top: 0px;
    border-radius: 20px;
}

footer p {
    color: #FFBE29!important;
}


.comments-table {
    border: none;
    border-collapse: collapse;
}

.comment-replies {
    border: 1px solid #FFBE29;
    margin: 2px;
}
.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 5px solid #FFC4A4;
    box-shadow: 0px 0px 17px 1px #fff05bb3;
border-radius:20px;
}
nav .info {
    background: none;
}

.logo {
    content: url(https://media.discordapp.net/attachments/861401331557597205/1094275210447966308/WUKONG.png?width=1200&height=473);
}

.comment-reply:not(:first-child) {
    border-top: 2px solid #39145F;
}
</style>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

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