HIM-join me in death (ice)

Tags: him, him band, heartagram, gothic, ice, cyan, blue

Description:

layout i made based on the music video to HIMs join me in death complete with the song autoplaying in the background & some GIFs of the video in the profile that you're welcome to remove if you find them ugly. copy this into 'about me' otherwise it looks weird.

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/special/spe-1/spe47.cur), auto !important;}</style>

<style> 
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>

<style>
:root{
  --logo-blue:;
  --darker-blue: ; 
  --lighter-blue:;
  --even-lighter-blue: ;
  --lightest-blue: ;
  --dark-orange:;
  --light-orange: ;
  --even-lighter-orange: ;
  --green: ;
}

body{
    background-image: url("https://media.discordapp.net/attachments/1115408809599443067/1119375488746520697/Tumblr_l_283363314728206.jpg");
    color: white;
text-shadow: 2px 2px black;
font-family:"Times New Roman", Times, serif;
}

main{
    border: none;
    color: white;
    background: rgba(0,0,0,0.0);
}

footer{
       background: rgba(0,0,0,0.5);
}

button{ 
    background-color: black !important;
    color: white;
}

.top{     
    color: white;
 background: rgba(0,0,0,0.5);
}

.contact{
background: rgba(0,0,0,0.5);
}

.heading{
    padding: 1px 0 !important;
    color:  !important;
    background: rgba(0,0,0,0.5); 
}

.count{
    color: white;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
 background: rgba(0,0,0,0.5);
   
}
.profile .url-info {
    display: none;
}
.profile h1 {
    font-size: 40px;
    text-shadow: 3px 2px black;
    color: white;
 background: rgba(0,0,0,0.5);

    
}
.comments-table td{
 background: rgba(0,0,0,0.5);
    color: white;
}
.top input{
        
    background: rgba(0,0,0,0.5);
        
}
.friends{
        
    background: rgba(0,0,0,0.5);
   
    color: white;
}
.mood{
         background: rgba(0,0,0,0.5);
  
  
    }
        table.details-table{
        
 
        
}
.profile .details-table td{
 background: rgba(0,0,0,0.5);
 

}
.comments-table td{
        background: rgba(0,0,0,0.5);


}

.profile-info{
         
         background: rgba(0,0,0,0.5);
}

.links{
      background: rgba(0,0,0,0.5);
}

    color: white !important;
        
    }
    a:hover{
        
    color: cyan !important;
 background: rgba(0,0,0,0.5);
        
    }
    a:visited{
        
    color: #f5f5f5 !important;
        
    }
    .top a{

    color: white !important;

    }
    .top a:hover{

    color: #126180 !important;
background-color: #002366;

    }
    .top a:visited{

    color: white !important;

    }
    .links a{
    
    color: white !important;
    
    }
    .links a:hover{
       color: #126180 !important;
background-color: #002366;

    }
    .links a:visited{

    color: white !important;

   }
    .friends-grid p{
        
  color: white;
    }
    footer .links a{

    color: white !important;

   }
    footer .links a:hover{

        color: #126180 !important;
background-color: #002366;

   }
    footer .links a:visited{

    color: white !important;
background-color: #002366;

   }

.heading, .url-info, .blurbs, .details, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{
background-color: rgba(0,0,0,0.5) !important;
border-radius: var(--curve) !important;
padding: 7px !important;
border: var(--borders)!important;

.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/special/spe-1/spe47.cur), auto !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/lwCjs3cjluM//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
 
<img src="http://dl8.glitter-graphics.net/pub/1121/1121198u4bhhcp4dc.gif" width="200" height="200"/>
<img src="https://media.discordapp.net/attachments/1115408809599443067/1119381775303585832/Tumblr_l_300810911053528.gif" width="300" height="200"/>
<img src="https://media.discordapp.net/attachments/1115408809599443067/1119381775693652038/Tumblr_l_300809692038837.gif" width="300" height="200"/>

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.