PASTEL GOTH LAYOUT!!!!!!!!!

CHECK OUT HOW IT LOOKS: https://spacehey.com/profile?id=2908789

CODE:

<style>

button, input {

    overflow: visible;

    background-color: #fa8ec3;

    opacity: 90%;

    border-style: dotted;

    border-color: black;

    border-width: 2px;

    margin: 5px 0px 0px 0px;

}

button, [type="button"], [type="reset"], [type="submit"] {

    -webkit-appearance: button;

    background-color: ;

    border-style: full;

    border-color: black;

    border-width: 2px;

    margin: 5px 0px 0px 0px;

    color: black;

}

.comment-replies {

    padding: 0 5px;

    border: 1.8px dashed #fff;

    margin-top: 1px;

}

nav .links a:hover{

  text-decoration: underline;

  color: grey;

}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    color: grey;

    text-decoration: underline;

}

table {

    border-top-color: rgb(0, 0, 0);

    border-right-color: rgb(0, 0, 0);

    border-bottom-color: rgb(0, 0, 0);

    border-left-color: rgb(0, 0, 0);

}

.comments-table td:first-child, .music-table td:first-child {

    background: #fa8ec3;

    background: fff;

    text-align: left;

    font-weight: light;

    width: 30%;

}

.comments-table td, .music-table td {

    background: #fa8ec3;

    background: #fa8ec3;

    vertical-align: top;

}

.comment-replies {

    padding: 0 5px;

    border: 2px solid black;

    margin-top: 1px;

}

nav .links .special a {

    color: #ff0000;

}

nav .links li:not(:last-child)::after, links li:not(:last-child)::after {

    content: " ♠ ";

    color: black;

}

nav .links a {

    text-decoration: underline;

    color: #954D70;

    text-shadow: 0 0 7px ;

    font-size: 0.98em;

    font-size: max(0.98em, 12px);

    text-align: center;

}

nav .links, footer .links {

    margin: 0;

    list-style: none;

    text-align: center;

}

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading h4, .profile .friends .heading h4, .setting-section .heading, .home-actions .heading {

    color: #fa8ec3;

    background: black;

}

.details-table td {

    background-color: #fa8ec3;

    background-color: var(--pink); 

    vertical-align: top;

    border-style: solid;

    border-width: 0.5px;

}

main {

    background: #fa8ec3;

    opacity: 87%;

    color: black;

    padding: 6px 0px;

    font-size: 100%;

    border-style: dotted;

    border-width: 2px 2px 2px 2px;

    border-color: black;

}

footer {

    text-align: center;

    font-size: 70%;

    margin: 10px 0 10px;

    padding: 10px 5px;

    background-color: #954d70;

}

.container {

    width: 1000px;

    max-width: 100%;

    margin: 0 auto 10px;

    padding: 9px 0px 0px 0px;

}

body {

    background: url(https://wallpapercave.com/wp/wp7518653.png); no-repeat fixed; background-size: 400px;

}

a {

     color: black;

text-shadow: 0 0 2px black;

font-family: verdana, cursive;

font-size: 17px

line-height: 50px;

}

:root {

    --logo-blue: ;

    --darker-blue: white;

    --lighter-blue: black;

    --even-lighter-blue: #954D70;

    --lightest-blue: #954D70;

    --dark-orange: black;

    --light-orange: black;

    --even-lighter-orange: red;

    --accent-color: red;

}

.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: "🕸"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: "🕸"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: "🕸"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: "🕸"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: "🕸"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: "🕸"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: "🕸"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: "🕸"

}

.count {

    color: #FADBD8;

}

.profile .friends .person p {

    color: black;

    font-weight: light;

    width: 100%;

    overflow-wrap: break-word;

    word-break: break-word;

    font-size: 100%;

    text-align: center;

}

}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol337.cur), auto !important;} /* End https://www.cursors-4u.com */</style>

<style>

.general-about img {-webkit-mask-image: url(https://files.catbox.moe/lyz95c.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://files.catbox.moe/lyz95c.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://files.catbox.moe/lyz95c.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>

  .logo {

  content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/96a8a9b9-e401-4bab-86d0-3ff1713a4324/dhml401-d10ec0d3-6e8a-422e-8c1f-77570b62cbdb.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzk2YThhOWI5LWU0MDEtNGJhYi04NmQwLTNmZjE3MTNhNDMyNFwvZGhtbDQwMS1kMTBlYzBkMy02ZThhLTQyMmUtOGMxZi03NzU3MGI2MmNiZGIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.G2FSdDbFwNr4A24cHSBuiC8igfDVhz3yIoyOA0xN0rg")

  }

  </style>

<div class="snowflakes">

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"></div></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/tumblr_mc4iughlNS1qdlkyg.gif"/></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>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media1.tenor.com/m/vauebVe3OeEAAAAd/eye-black.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 5s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<div id="Chain">

<style>

#Chain {

background: url("https://i.ibb.co/X4GGKJV/ezgif-4-fb1c241703.gif");

background-position: center;

background-repeat: repeat;

width: 100%;

height:10px;

min-width: 60px;

overflow: hidden;

position: fixed;

top: 1px;

left: 0px;

z-index: 100;

pointer-events: none;

opacity: 1;

}

</style></div>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol337.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/pink-skull-crossbones.html" target="_blank" title="Pink Skull Crossbones"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Skull Crossbones" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

/* this is the online img*/

.online {content:url(‘http://dl.glitter-graphics.net/pub/3058/3058251t4udpjlpsc.gif

'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 

}

</style>