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 1 of 1 comments ( View all | Add Comment )
H@TSUN3 M!KU >~<
1727973168
TY SO MUCH USING (⁠ ⁠◜⁠‿⁠◝⁠ ⁠)⁠♡
Report Comment