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 45 comments ( View all | Add 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
Lukki	1742724286 Using Report Comment
Riko!!!	1741716602 using! Report Comment
brajdres	1741097492 Usinggg :PPP Report Comment
Raven	1740327068 USING OMG Report Comment
💾∗ windows95	1736923944 using !!! Report Comment
Eden :3	1736727764 usinggg Report Comment usinggg by Eden :3; 1736727783; Report
Orange Solace	1736372470 Using! Report Comment
theflippp	1736199267 using Report Comment
_B0xyzXD.mp3	1734467052 prolly ussingg !! this is so awesome : 333 !! Report Comment
smat	1734290306 Using with some changes!! Tysm! Report Comment
Isorsgs	1733954856 USINGGGGGG!!! Report Comment
V!rid1☆n	1731782379 Stole the edit profile part<3 Thank you for making this whole layout though, it's beautiful! Report Comment
Ashton	1729635233 USINGG!! TY:3 Report Comment
Hayden	1729440864 using! Report Comment
Kadington	1728992173 using!! Report Comment
Sam	1728593700 using :) Report Comment
Sam	1728593697 using :) Report Comment