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 19 of 19 comments ( View all | Add 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
charlie	1716607410 using !!! :3 Report Comment
avrillavignefridge	1713108543 using! Report Comment
diolatedpeoples	1708330623 using! Report Comment
mak8a	1706504877 Using!! Report Comment
DamonIsMyRadar	1706294761 USING!! :3 Report Comment
DamonIsMyRadar	1706294758 USING!! :3 Report Comment
2-D!	1705961494 Using! Report Comment
gorint.jpg	1704160873 using ! Report Comment
RAHHHHH!!!	1702774848 Using! Report Comment