2000z hatsune miku layout

Tags: vocaloid, miku
Description:

put it under abt me section plz tell me if ur using i take reccomendationz :3
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞 (https://layouts.spacehey.com/layout?id=84691) -->

<style>
body {
        background:url(https://i.pinimg.com/564x/6d/b0/8b/6db08bbb4ad798d3a6d81153b39ee80d.jpg);
}
.profile {
background:url(https://i.pinimg.com/originals/f6/16/a8/f616a8ff5e4645860c1b2e91c4e7e999.gif);
color:#ff0095;
text-shadow: 0 0 9px black;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#03fcf8; 
text-shadow: 0 0 9px black;
background:#03fccf;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "♪♪໒(･◡･)७♪♪"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "♪♪໒(･◡･)७♪♪"
}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/originals/d5/15/87/d5158731f1b69003bc6907a8f816e450.gif);
color:White; 
}
.online{
content: url(http://www.myspacegens.com/images/online_now/109.gif);
}
nav .top {
        background: url("https://i.pinimg.com/originals/d5/15/87/d5158731f1b69003bc6907a8f816e450.gif");
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#fc2892;
--even-lighter-blue:#fc2892;
--lightest-blue:#ff82c1;
--dark-orange:White;
--light-orange:#fc2892;
--even-lighter-orange:black;
--green:black;#bfd7ff
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friends! -✧₊ ༉✧‧₊˚✧"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments! -✧₊ ༉✧‧₊˚✧"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interests + my socials! -✧₊ ༉✧‧₊˚✧"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hii! -✧₊ ༉✧‧₊˚✧"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me! -✧₊ ༉✧‧₊˚✧"; font-size:.8rem; font-weight:bold; color:White; }
}

<style>
a:hover{
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55'), auto !important;
}
* {
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55'), auto;
}
<style></style>

<style>
 
 .logo {
  
content:url("https://media.discordapp.net/attachments/1118300552720306246/1169101701031133276/Untitled_2.png?ex=65542dce&is=6541b8ce&hm=fcff920a0deb72328e01a4708b3f85afe341f42997751feedcee21a9b514f6c5&=&width=1000&height=562")
  
  }
  
   </style>


(intro and music if u wanna remove/change them:33)

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://i.pinimg.com/originals/9e/dd/1b/9edd1b533f18660743017a1ea545acf7.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

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


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 19px; z-index: 2000;"><img src="https://i.pinimg.com/originals/29/b7/48/29b748f2a5ed5ca18916c3d0eab84e83.gif" width="300" height="300"/></div>


<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 19px; z-index: 2000;"><img src="https://i.pinimg.com/originals/fd/63/54/fd6354941999e219a0424f727530a274.gif" width="220" height="300"/></div>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 19px; z-index: 2000;"><img src="https://cdn.donmai.us/original/da/03/da0340f0899c3bd5020bd1b1a5512910.gif" width="220" height="300"/></div>


<div style="float:  ; max-height: 800px; position: fixed; left: 1px; top: 19px; z-index: 2000;"><img src="https://i.pinimg.com/originals/4f/69/d0/4f69d0fddb1b8324a151bf54117aa480.gif" width="220" height="300"/></div>


<div class="snowflakes">
  <div class="snowflake">
   <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
  <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
    <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
    <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
     <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
    <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
    <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
  <div class="snowflake">
    <img src="https://media.discordapp.net/attachments/1118300552720306246/1169092526246994000/LEEK_1.png?ex=65542542&is=6541b042&hm=0e481088b542a29862ace63240606962a390848dcadfb6a65e655c78a9f195f7&=&width=60&height=55"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}

@-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>
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 6 of 6 comments ( View all | Add Comment )
not_maxineLOL	1743161876 using Report Comment
n0a <3	1738784485 usimg Report Comment
hatsuneonline	1738678143 using! Report Comment
Nene :3	1734863305 Using!! Report Comment
NychDarko98	1732507868 using! tysm!!! Report Comment
H@TSUN3 M!KU >~<	1727973168 TY SO MUCH USING (⁠ ⁠◜⁠‿⁠◝⁠ ⁠)⁠♡ Report Comment