Helena

Tags:

Description:

Helena is for the My Chemical Romance song

Code:

<!-- (c) Layout created by Matías  (https://layouts.spacehey.com/layout?id=598) -->


<iframe width="400" height="225" src="https://www.youtube.com/embed/UCCyoocDxBA" frameborder="0" allowfullscreen=""></iframe>

<style>

footer {
        border-radius: 15px;
background-image: url(https://www.ripleys.com/wp-content/uploads/2017/05/HelenaMCR.gif); 

</style>

<style>
    
  
body {
   font-family:'Indie Flower', cursive ;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}

</style>

<style>


h1, h2, h3, h4,h5,a, p, nav label, .section {color: white ;}

h1 {
  color: #990033;
  text-shadow: 1px 1px 2px #000000;, 0 0 25px darkred, 0 0 5px darkred;
}


 
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: coral55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: coral;
    }

main {
  /* changes made to stuff outside of columns */
    background: #000000;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }


table, th, td {
  border: 2px solid #990033 ;
}

body
        {background: url("https://64.media.tumblr.com/ace04b26fb31e5dac86dcb0440a28f4c/c732cc58b7c97953-d5/s640x960/48a988080be168c7351baa3e44c2e0da5a233df0.jpg")
        no-repeat fixed; background-size: cover;
     }



.profile .friends .person img {
        border-radius: 500px;
    }

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

</style>

<div class="helena">


  <div class="helena">


  🌹


  </div>


  <div class="helena">


  ⚰


  </div>


  <div class="helena">


  🪦


  </div>


  <div class="helena">


  🌹


  </div>


  <div class="helena">


  ⚰


  </div>


  <div class="helena">


  💀


  </div>


  <div class="helena">


    🌹


  </div>


  <div class="helena">


    ⚰


  </div>


  <div class="helena">


    🪦


  </div>


  <div class="helena">


    🌹


  </div>


  <div class="helena">


    ⚰


  </div>


  <div class="helena">


    💀


  </div>


</div>


<style>


/* customizable helena styling */


.helena {


  color: #fff;


  font-size: 1em;


  font-family: Arial, sans-serif;


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


}





@-webkit-keyframes helena-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes helena-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes helena-fall{0%{top:-10%}100%{top:100%}}@keyframes helena-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.helena{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:helena-fall,helena-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:helena-fall,helena-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.helena:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.helena:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.helena:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.helena:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.helena:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.helena:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.helena:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.helena:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.helena:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.helena:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.helena:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.helena:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}


</style>

<iframe src="https://open.spotify.com/embed/playlist/50pPomwv9lXyn2BvyqU8j4" width="300" height="380" frameborder="0"></iframe>

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.