Night In The Woods layout !

Tags: nitw, night in the woods, layout, fall, orange, woods, leaves
Description:

a nitw themed layout!! made by yours truly! plz credit me if you use and comment use below!!! that's all ty for reading <3
Preview:

click on the image for a larger preview
Code:

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

<!-- (c) Layout created by scarlett2750 (linkherelol) -->

/*ok so I don't know why but the falling leaf code needs to be seperated from the rest of the code!! so just put them in separate boxes!*/

<div class="snowflakes"> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzc1-bdaa4234-e568-497d-b6d8-b6ca1c32fe6c.png/v1/fill/w_50,h_50/d784bf70_2248_4df4_94c2_bf30316d9cd0_by_robbiethedeviant_dg6gzc1-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6YzEtYmRhYTQyMzQtZTU2OC00OTdkLWI2ZDgtYjZjYTFjMzJmZTZjLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.7rHj129yPFEgrqCFtcdeH2dZ_xwxokT3Bdw6HuvgVts"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzc9-269c9cee-273d-4312-9d5c-a0fb12b3e3ef.png/v1/fill/w_50,h_50/d1b96e91_580c_4c84_b48a_5ef03aae8fc5_by_robbiethedeviant_dg6gzc9-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6YzktMjY5YzljZWUtMjczZC00MzEyLTlkNWMtYTBmYjEyYjNlM2VmLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.94JvVxRvvU2HUyzFXG7SMUqfwSjFcGYDol6vU3iHSnE"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzcb-12096e99-4acc-471a-afc3-9c58350400e0.png/v1/fill/w_50,h_50/2e2c57e5_6277_4172_a932_00d0ed1f772b_by_robbiethedeviant_dg6gzcb-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y2ItMTIwOTZlOTktNGFjYy00NzFhLWFmYzMtOWM1ODM1MDQwMGUwLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.m_LvXAqjjUcyh3I4YKwYxaIGmlopPfR0PiMJtzRs5aE"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzce-39e02362-8be6-4f30-aae8-c12456798736.png/v1/fill/w_50,h_50/9203994a_9166_46a0_b62d_b74b0da29ad2_by_robbiethedeviant_dg6gzce-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y2UtMzllMDIzNjItOGJlNi00ZjMwLWFhZTgtYzEyNDU2Nzk4NzM2LnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.PTvW8kbD25w1_YZ5wIVlN04-rouLZPapB8BcHDpuWfU"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzci-7c196325-1215-4877-9051-455500b6a9b2.png/v1/fill/w_50,h_50/fa10b78a_6741_43b5_ab4a_a0296766eabd_by_robbiethedeviant_dg6gzci-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y2ktN2MxOTYzMjUtMTIxNS00ODc3LTkwNTEtNDU1NTAwYjZhOWIyLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.T_nmkqZvDA3QpFm-PzKH_qMOcX_WLX5O12aV7JSpAms"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzcj-5f0bcb4e-a549-4af6-a76c-97673270f4da.png/v1/fill/w_50,h_50/8e7a3128_2b1c_4179_bfbf_a5c4319f5a71_by_robbiethedeviant_dg6gzcj-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y2otNWYwYmNiNGUtYTU0OS00YWY2LWE3NmMtOTc2NzMyNzBmNGRhLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.dG_1EkI54JO4_SQmgJr7Et8S4OZTwfPRH1ZxUT3bIJk"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzco-ce921b3e-7db0-4763-af5c-feedad6c845d.png/v1/fill/w_50,h_50/ff060bcf_8c0e_4da2_b5c2_32fa3e3d0a4b_by_robbiethedeviant_dg6gzco-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y28tY2U5MjFiM2UtN2RiMC00NzYzLWFmNWMtZmVlZGFkNmM4NDVkLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.jHRSCOPeaqYGsGAKPwjLaNWlhlAXHwea7mnlbtNDh_0"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzct-10f2b4f9-5cf3-46ff-ba10-b853fdc76d6c.png/v1/fill/w_50,h_50/d244efde_8194_406f_8fbe_0e547b7f95a1_by_robbiethedeviant_dg6gzct-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y3QtMTBmMmI0ZjktNWNmMy00NmZmLWJhMTAtYjg1M2ZkYzc2ZDZjLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.9nxk-gynp4iqkjBW4jY7n1rUkBQRAlg2hy-Z-13a6uU"/></div> 
<div class="snowflake"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6gzci-7c196325-1215-4877-9051-455500b6a9b2.png/v1/fill/w_50,h_50/fa10b78a_6741_43b5_ab4a_a0296766eabd_by_robbiethedeviant_dg6gzci-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTAiLCJwYXRoIjoiXC9mXC8zNGU3YjRiMC01ZTdhLTRlZWEtOWMyNS1iMjEyNjlkNjYzMWZcL2RnNmd6Y2ktN2MxOTYzMjUtMTIxNS00ODc3LTkwNTEtNDU1NTAwYjZhOWIyLnBuZyIsIndpZHRoIjoiPD01MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.T_nmkqZvDA3QpFm-PzKH_qMOcX_WLX5O12aV7JSpAms"/></div> 
</div>
 
<style>
    @-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>

/*this is the rest of the code that isn't the falling leaves!!*/

<style>

main {
    background-color: rgba(237, 162, 104, 0);
    border: #edc697;
    border-radius: 35px;
    font-family: STSong;
    font-weight: bold;
    color: rgb(162, 29, 19);
    padding: 6px 6px;
    font-size: 82%;
    text-shadow: 0 0 4px #b0380b;
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 4px);
}
100% {
transform: translate(0, -0px);
}
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: #60A5FA;
    background: var(--lighter-blue);
    border-radius: 0px;
    color: #f9d9b3;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2.5px solid #411308;
    background: rgba(249, 217, 179, 0.8);
    margin: 10px 0;
}

.profile-info {
    border: 4px solid #c83b0c;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6k947-b601b498-8115-4d79-96c9-1bd99af444a5.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM0ZTdiNGIwLTVlN2EtNGVlYS05YzI1LWIyMTI2OWQ2NjMxZlwvZGc2azk0Ny1iNjAxYjQ5OC04MTE1LTRkNzktOTZjOS0xYmQ5OWFmNDQ0YTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.q3fEoivGCc16NZkEiPtNS6BUdiQ7J_CVzvaorN2j__k);
    background-size: 100% 100%;
}


.profile .friends .person p {
    color: #D32626;
    font-weight: bold;
    text-shadow: 0 0 8px #b0380b;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}


.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 0px solid white;
    border-radius: 50px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    padding: 7px;
    border: 2.5px solid #C46219;
    background: rgba(249, 217, 179, 0.8);
}

.profile h1 {
    font-size: 1. em;
    margin: 0 10px 0;
    border: 3px solid rgba(196, 98, 26, 0);
    background: rgba(249, 217, 179, 0.8);
}

.profile h1 {
    font-size: 1. em;
    margin: 0 0 10px 0;
}

img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
    font-size: 2.5em;
    margin: .67em 0;
}

.logout-btn {
    font-family: PT Mono;
}

.logout-btn, .logout-form {
    color: rgb(237, 134, 43);
    display: inline-block;
    font-size: 100%;
}

nav .links a {
    text-decoration: none;
    color: rgb(232, 211, 180);
    text-shadow: 0 0 7px #ee8a27;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav {
    color: rgb(237, 134, 43);
    font-size: 80%;
    font-size: max(92%, 12px);
}

nav .links .special a {
    color: #f23102;
}


body {
    background-color: black;
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6efti-3dfd9e02-6c3a-4034-9756-bf7635076bfe.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM0ZTdiNGIwLTVlN2EtNGVlYS05YzI1LWIyMTI2OWQ2NjMxZlwvZGc2ZWZ0aS0zZGZkOWUwMi02YzNhLTQwMzQtOTc1Ni1iZjc2MzUwNzZiZmUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rbo7xSXU2iaDePaUvtOPSIDzMfMt8eMatbzwS1MgR78);
    background-size: 100% 100%;
    background-attachment: fixed;
    font-family: pt monospace;
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

.online img{
      max-width: 15px;
      max-height: 15px;
      content: url("https://external-media.spacehey.net/media/sevlz6ODfAnhe6R4i5zyxFIlj81B0uBNLHd6yDey0sc8=/https://noviecita.crd.co/assets/images/gallery06/5b063052_original.gif?v=b654ba2f")
  }

.online img {
    height: 1.5em;
    margin-right: 5px;
    animation-name: none;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    animation-duration: 2s;
}

.online {
    color: rgb(162, 29, 19);
    font-weight: bold;
    font-size: 100%;
    animation-name: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #411308;
    text-decoration: underline;
}

:root {
    --light-gray: #c9c9c9;
    --gray: #CB5925;
    --dark-gray: #ffffff;
    --darker-gray: #ffffff;
    --logo-blue: #862906;
    --darker-blue: #f6e2c0;
    --lighter-blue: #411308;
    --even-lighter-blue: #C46219;
    --lightest-blue: #edc697;
    --red: #ffffff;
    --dark-orange: #edc697;
    --light-orange: #C46219;
    --even-lighter-orange: #ffffff;
    --strange-yellow: #000000;
    --green: #ffffff;
    --light-green: #ffffff;
    --medium-green: #ffffff;
    --dark-green: #ffffff;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}


count {
    color: #edc697;
}

nav .links a:hover {
    text-decoration: underline;
    color: #D32626;
}

nav .links {
    background-color: var(--lighter-blue);
    padding: 3.5px 16px;
    /* border: 4px solid #CB5925; */
    border-radius: 15px;
}

.comments-table td, .music-table td {
    background: rgba(249, 217, 179, 0.8);
    vertical-align: top;
}

.details-table td {
    background: #DBEAFE;
    background: #fae8c0;
    vertical-align: top;
}

footer p {
    vertical-align: middle;
    margin: 10px 0 5px 0;
    font-size: 120%;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-image: url(https://external-media.spacehey.net/media/sK4zlNyEn0PBB5rAwHmrQoTx_7H5bUJ3xeyjeE8v0mRY=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6kfx1-f357b662-9f04-4533-b3a4-2cec4766439c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM0ZTdiNGIwLTVlN2EtNGVlYS05YzI1LWIyMTI2OWQ2NjMxZlwvZGc2a2Z4MS1mMzU3YjY2Mi05ZjA0LTQ1MzMtYjNhNC0yY2VjNDc2NjQzOWMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1ZTwg7C5zes_l4ctNRM4z7iBzypuxVr0LHDfcDD8mEE);
    background-size: 100% 100%;
    border: 4px solid #c87238;
    border-radius: 12px;
}

.details-table td {
    background: #DBEAFE;
    background: #e49b64;
    vertical-align: top;
    border-radius: 3px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: var(--light-orange);
    text-align: center;
    font-weight: bold;
    width: 38%;
    border: 3px solid rgba(203, 89, 36, 0);
    border-radius: 8px;
}

.comment-replies {
    padding: 0 5px;
    border: 4px solid #fbe1c3;
    border-radius: 12px;
}

.comments-table td, .music-table td {
    background: #e49b64;
    vertical-align: top;
    border: 3px solid rgba(203, 89, 36, 0);
    border-radius: 8px;
}

.logout-btn, .blog-entry .kudos-btn {
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
    user-select: text;
    text-decoration: none;
    color: #rgb(237, 134, 43);
 }


details summary{
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  user-select: none;
}

.box button{
  text-transform: uppercase;
  padding: 2px 5px;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  border-width: 1px;
  border-style: solid;
}

.spa:not(.specials) .inner img{
  width: 100%;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

.blog-entry .kudos-btn{
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  user-select: text;
  text-decoration: none;
  color: #1E40AF;
  color: var(--darker-blue);
}

.blog-preview {
    border: 3px solid rgba(196, 98, 26, 0);
    background: rgba(249, 217, 179, 0.8);
}


.sticker-banner{
  background: #1D4ED8;
  background: var(--logo-blue);
  padding: 2px 0 0 5px;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  margin: 0 0 10px 0;
}

.verified-info[data-reason]{
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

#captcha .choice_btn{
  width: 40px;
  height: 40px;
  border: 2px solid #545454;
  border: 2px solid var(--darker-gray);
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.4s ease;
}
#captcha .question_btn{
  border-radius: 0;
  border: 2px solid #059669;
  border: 2px solid var(--dark-green);
  cursor: default;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;pointer-events: none;
  padding: 3px;
  background-origin: content-box;
}

body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6juj5-0a1fdfe4-7d8d-473a-af7c-6f0e7d19be30.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM0ZTdiNGIwLTVlN2EtNGVlYS05YzI1LWIyMTI2OWQ2NjMxZlwvZGc2anVqNS0wYTFmZGZlNC03ZDhkLTQ3M2EtYWY3Yy02ZjBlN2QxOWJlMzAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.2besW-aOe3jo40UcROMhYjCBGjnjFkA9sNYRtXpxifY');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3.5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }


.profile .blurbs .section h4 {
    margin: 0;
    color: #fbf4eb;
}

nav .top {
    background: #1D4ED8;
    background: var(--logo-blue);
    padding: 10px 10px 10px 10px;
    display: flex;
    position: relative;
    /* border: 5px solid #cb5924; */
    border-radius: 15px;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    border: 8px solid rgba(196, 98, 26, 0);
    background: rgba(249, 217, 179, 0.8);
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 0px solid white;
    border-radius: 50px;
}

.general-about .details {
    display: table;
    border: 3px solid rgba(196, 98, 26, 0);
    background: rgba(249, 217, 179, 0.8);
}

.logo {

content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6m10u-f63e9152-6052-4483-806d-140904ec788f.png/v1/fill/w_1280,h_295/untitled14_20230823005421_by_robbiethedeviant_dg6m10u-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Mjk1IiwicGF0aCI6IlwvZlwvMzRlN2I0YjAtNWU3YS00ZWVhLTljMjUtYjIxMjY5ZDY2MzFmXC9kZzZtMTB1LWY2M2U5MTUyLTYwNTItNDQ4My04MDZkLTE0MDkwNGVjNzg4Zi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.aN_UlhcxcGltcCdL1_-h0iMDY7E4T4BZfYRO0QJufmk");

}

nav .top .left .logo {
    width: 285px;
    height: 65px;
}

.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://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://external-media.spacehey.net/media/sXy6CLsBEnu3gSy6skMOPpQwacu_L5t7PRsEF2Uwu5HQ=/https://live.staticflickr.com/65535/53067780660_33950c1602_o.gif")
}

/*change only notification bell*/
nav .links li .icon{
content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/34e7b4b0-5e7a-4eea-9c25-b21269d6631f/dg6opjh-1d9c6b33-4717-4ff1-ae62-03c9c5b26eaf.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM0ZTdiNGIwLTVlN2EtNGVlYS05YzI1LWIyMTI2OWQ2NjMxZlwvZGc2b3BqaC0xZDljNmIzMy00NzE3LTRmZjEtYWU2Mi0wM2M5YzViMjZlYWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NgHNQD_3Wtp_MhIQ2vL2GtEzgxks5nbg5_UNpQjdPPc');

.icon, .award img {
    display: inline-block;
    height: 2.4em;
    width: 2.4em;
    aspect-ratio: 1/1;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

details summary{
  cursor: cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  user-select: none;
}

.box button{
  text-transform: uppercase;
  padding: 2px 5px;
  cursor: cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  border-width: 1px;
  border-style: solid;
}

.spa:not(.specials) .inner img{
  width: 100%;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

.logout-btn,
.blog-entry .kudos-btn{
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  user-select: text;
  text-decoration: none;
  color: #1E40AF;
  color: var(--darker-blue);
}

.advent-day-box.closed{
  background: #FCA5A5;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

.sticker-banner{
  background: #1D4ED8;
  background: var(--logo-blue);
  padding: 2px 0 0 5px;
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  margin: 0 0 10px 0;
}

.verified-info[data-reason]{
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

#captcha p.msg.loading-msg{
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
}

#captcha .choice_btn{
  width: 40px;
  height: 40px;
  border: 2px solid #545454;
  border: 2px solid var(--darker-gray);
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.4s ease;
}

#captcha .question_btn{
  border-radius: 0;
  border: 2px solid #059669;
  border: 2px solid var(--dark-green);
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=168091), auto;
  pointer-events: none;
  padding: 3px;
  background-origin: content-box;
}

.comments-table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-top-color: rgb(255, 255, 255, 0);
    border-right-color: rgb(255, 255, 255, 0);
    border-bottom-color: rgb(255, 255, 255, 0);
    border-left-color: rgb(255, 255, 255, 0);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.profile .blurbs .heading::before {
    content: url(https://external-media.spacehey.net/media/sdUxegWTb7DdFDddWHfpDSKWibBEL4EoEyJDX69IHFJc=/https://64.media.tumblr.com/d05a9faba798a7ffeb07775d3e6a3d0a/124192e3ee4bcde6-cb/s75x75_c1/4947190684b2ac2450e251ed78e0f7ae70c6d647.gif);
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #f9d9b3;

}

button, select {
    text-transform: lowercase;
    background-color: rgba(249, 217, 179, 1);
    border: none;
    color: rgb(237, 134, 43);
}

button, input {
    overflow: visible;
    text-transform: lowercase;
    background-color: rgba(249, 217, 179, 1);
    border: none;
    color: rgb(237, 134, 43);
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    text-transform: lowercase;
    background-color: rgba(249, 217, 179, 1);
    border: none;
    color: rgb(237, 134, 43);
}

</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 20 of 54 comments ( View all | Add Comment )
A	1787797929 using currently but plan to use bit and pieces later on! Report Comment
alex 𓆜 𓆝 𓆞 𓆟	1782043122 not fully using it but using some parts, hopefully that's ok<3 Report Comment
MArs!	1776948750 sorta using, thanks such a cool layout! (lmk if you rather have me fully use it or anything!) Report Comment
Bizkit Jammer	1766086214 USINGG !!! Report Comment
holidaysk8er1225	1764775910 usin Report Comment
robynrovar	1758916805 using:) Report Comment
Kuepper :3	1755649896 USING!!! Report Comment
FatFrigginRat	1753832452 using Report Comment
romdon	1753819186 using! Report Comment
noven	1753674281 using !! Report Comment
Barrett >.<	1750150110 Hey man!! Is it cool if I take bits and pieces of this (such as the spacehey logo) to use for mine? It won't be posted, just for personal use. Thank you!! Report Comment
ɢᴜʏʏ	1746907777 Defo using cheers Report Comment
Matt	1746318860 Using! ^^ Report Comment
⦻wolpertinger꩜	1742724286 Using Report Comment
Riko!!!	1741716602 using! Report Comment
brajdres	1741097492 Usinggg :PPP Report Comment
Raven	1740327068 USING OMG Report Comment
💙 b33tle!	1736923944 using !!! Report Comment
Eden :3	1736727764 usinggg Report Comment usinggg by Eden :3; 1736727783; Report
Orange Solace	1736372470 Using! Report Comment