Really simple Gorillaz layout

Tags: simple;music;autoplay

Description:

edit it if you want, just comment using if being used (requests taken)

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes">
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></div>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/952239868480725035/1171885295910789200/33e8b187.gif?ex=655e4e3b&is=654bd93b&hm=d84c1ac56f41c3052a16c76dd1e22492263fa11f27cdbf01019f2b58be6f5dee&"/></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>


<style>
.general-about img {-webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/w5UFJu74-qU?si=h2sqlptnfO30k_sV/?&;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>

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url(https://64.media.tumblr.com/fe605896c729be28f661e4972f5ebc1f/dcdfe21f3272faab-9d/s540x810/7591d123579c417e096d65d2328e09bf45e66ff3.jpg);

}
.profile {
   background-color: rgb(); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(42, 115, 62);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(42, 115, 62);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 120px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/7a56ab4cc97eacb74ddb0b75fa3af5d5/51c0241e4c23ee3f-66/s400x600/465f5faa7e74ca9484d166dd5560240a9b659a92.gifv);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/c95fe9a861b7f65f6aed3f0a9a30b558/51c0241e4c23ee3f-1d/s400x600/05b11964c55ed7fe967410f3e6e2f6763b99f9f6.gifv);
    color: white;
}

table.comments-table td {
    color: rgb(42, 115, 62);
}

:root {
    --logo-blue:42, 115, 62;
    --darker-blue: 42, 115, 62;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}
</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 27 comments ( View all | Add Comment )

R0b1n!!!	1756058920 usinggg Report Comment
Oliver	1753917325 Using Report Comment
Oliver	1753917322 Using Report Comment
°❀⋆.࿔*:･ZombieHIPHOP!	1752761617 using! so pretty -! Report Comment
x_An3aru0v3rd0z_x	1752316625 usinggg Report Comment
Mim1kyu	1751324983 omg!! using >.< Report Comment
Crona	1745884829 gonna try tyy Report Comment
ℎ𝑒𝑙	1741666363 using XD Report Comment
chiffonlime	1735782831 usinggg !!! Report Comment
Johnlennonislove	1735342022 Using it !! Report Comment
RAMIEL	1733467029 usinggg Report Comment
MVF3BZ !!	1729306790 Using :3 Report Comment
$p@rkY /\~/\ $$p@rkY /\~/\'s profile picture$	1724018674 Using :p Report Comment
$p@rkY /\~/\ $$p@rkY /\~/\'s profile picture$	1723938474 Using :p Report Comment
s☆mmie	1719598815 using!! This is so cool tysm :] Report Comment
simon	1717562815 using!!!!!!! Report Comment
ALEX!	1717456193 Usingg Report Comment
Julian !	1716607410 using !!! :3 Report Comment
avrillavignefridge	1713108543 using! Report Comment