Pink emo blog layout

Tags: pink; emo; cute;

Description:

super cut and makes your blogs less boring!!

HOW TO USE: Type your blog entry as normal in WYSIWYG format and then after that click the "mode" button and change it to HTML then copy and paste the layout code and then post your blog as you would normally!!

Code:

<!-- (c) Layout created by XD JC<3  (https://layouts.spacehey.com/layout?id=20437) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/onLtNYI.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}

p{
  font-family: 'Shadows Into Light', cursive;
  font-size: 100%;
  color: pink;
  line-height: 200%;
}

h1{
  font-family: 'Shadows Into Light', cursive;
  font-size: 120%;
  color: pink;
}

h2,h3,h4,h5{
  font-family: 'Shadows Into Light', cursive;
  font-size: 120%;
  color: pink;
}

  body {
   background-color: black;
   background: url(https://i.imgur.com/WvKLfUQ.jpg);
   background-size: 100%;
   text-shadow: 0 0 9px #ffffff;
}

main{
background-color: #4f002f;
}

footer {
    border-radius: ;
    color: pink;
    background-image: url(https://i.imgur.com/imeR3m3.jpg);
    background-size: 25%;
}

table.comments-table td {
    color: pink;
}

.icon {
display: none;
}

nav { background-image: url(https://i.imgur.com/imeR3m3.jpg);
background-size: 20%;
}

nav, nav .links a {
color: pink;
}
nav .top {
margin-top: 4px;
}
nav .links {
background-color: transparent;
}

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

.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(50);
}

#q, button {
color: pink;
background-color: black;
border: 1px solid #00ff00;
font-family: inherit;
}

:root {
    --logo-blue: ;
    --darker-blue: #00ff00;
    --lighter-blue: #300000;
    --even-lighter-blue: #00ff00;
    --lightest-blue: #300000;
    --dark-orange: #300000;
    --light-orange: #300000;
    --even-lighter-orange: #9200d6;
    --green: ;
}

</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.