hatsune miku

Tags: miku, blue, hatsune, vocaloid, aesthetic, emo, alt, cute, hatsune miku, kawaii

Description:

just a simple pastel layout design i guess

feel free to customize it to your liking <3

please keep the credits in!!!

i am also working on other vocaloids too!!

(comes with a mini hachune miku cursor x3)

Preview:

click on the image for a larger preview

Code:

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

<style>


.online{
font-family: 'Kalam', cursive;
color: white;
font-size: 20px;
text-shadow: 1px 1px 2px #387cac;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}


* { 
 cursor: url("https://i.ibb.co/6F6nVQX/Image.png"), auto !important;
}

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');

body{
    background-image: var(--background_image) !important;
    background-color: #66abff !important;
    background-repeat: repeat;
    background-size: 120px;}

nav .top{
background-color: #94b2ff;
border-radius: 20px;
border: 2px solid #afd6fa;
box-shadow: inset 2px 3px 5px #afd6fa;
margin: 1em 0;
}

nav .links{
background-color: #6295e7;
border-radius: 20px;
border: 2px solid #91bdfe;
box-shadow: inset 2px 3px 5px #91bdfe;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #94b2ff;
border-radius: 20px;
border: 2px solid #c3d7ff;
box-shadow: inset 2px 3px 5px #afd6fa;
margin: 1em 0;
padding: .5em;
opacity: .9;
}

.profile h1{
font-family: 'Kalam', cursive;
color: white;
text-shadow: 1px 1px 2px #387cac;
font-size: 25px;
<style>

}
<style>

}
.profile .profile-info{
border-radius: 20px;
border: 2px solid #c3d7ff;
box-shadow: inset 2px 3px 5px #afd6fa;
text-shadow: 1px 1px 2px #387cac;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px #387cac;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #387cac;
opacity: 1;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Kalam', cursive;
color: white;
background-color: #6295e7;
border-radius: 20px 20px 0 0;
border: 2px solid #6295e7;
box-shadow: inset 2px 3px 5px #91bdfe;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid #afd6fa;
box-shadow: inset 2px 3px 5px #afd6fa;
text-shadow: 1px 1px 2px #387cac;
font-style: italic;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: #6295e7;
border-radius: 20px 20px 0 0;
border: 2px solid #6295e7;
box-shadow: inset 2px 3px 5px #91bdfe;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid #afd6fa;
box-shadow: inset 2px 3px 5px #afd6fa;
text-shadow: 1px 1px 2px #387cac;
font-style: italic;
color: white;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

<style>

.profile .comments-table{
background-color: #6295e7;
border-radius: 20px;
border: 2px solid #91bdfe;
box-shadow: inset 2px 3px 5px #91bdfe;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #6295e7;
border-radius: 20px;
border: 2px solid #91bdfe;
box-shadow: inset 2px 3px 5px #91bdfe;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #387cac;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: #6295e7;
border-radius: 20px;
border: 2px solid #91bdfe;
box-shadow: inset 2px 3px 5px #91bdfe;
font-style: italic;
color: white;
}

.count{
color: #6295e7;
}

a{
color: #fffdda;
text-shadow: 1px 1px 2px #387cac;
}

a:visited {
color: #dae4ff;
text-shadow: 1px 1px 2px #387cac
}

a:hover {
color: white;
}

a:active {
color: #dae4ff;
text-shadow: 1px 1px 2px #387cac;
}

nav .links a:hover{
text-decoration: underline;
color: #dae4ff;
}

}
.col.left h1:before{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 115px;
  background-image: url("https://i.ibb.co/WkK6NhN/image.png");
  background-repeat: no-repeat;
  background-size: 120px;
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 110px;
  background-image: url("https://i.ibb.co/1sPrCyr/image.png");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 350px;
}

}
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;

}
footer::after{
  bottom: 0;
  font-size:0;
  left: 77%;
  position:fixed;
  pointer-events: none;
  content:url("https://i.ibb.co/FDQ82Pp/Mikuleeek.png");
}
</style>

<style>
/*Top (Background Color/Background Image)*/
   .top{
    background-color: COLOR !important;
    background-image: url('https://i.ibb.co/K9JV95Y/Hatsune-Miku-full-2626617.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position:CENTER !important;
    background-size: COVER;}

}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 70px;
  background-image: url(https://i.ibb.co/59fHKVF/image.png);
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 300px;
}

:root {
  --topic1: "Me!";
  --topic2: "Favorite Music Artists/Songs";
  --topic3: "Favorite Movies";
  --topic4: "Favorite Shows";
  --topic5: "Favorite Books";
  --topic6: "My Heroes";}
<style>

</style>

layout made by r1n!! spacehey.com/r1n

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 101 comments ( View all | Add Comment )

MIKU<3	1743720511 using Report Comment
Xoii !! [#1 Fizzy fan!!]	1743624757 using!! Report Comment
amechip	1741494079 using :D Report Comment
Born cryingh <(T-T >)	1740120869 using >< Report Comment
Cyprien	1739870863 Using :3 Report Comment
Cristie/Kasper	1739856200 using Report Comment
-ONYX-	1739745938 using!! :) Report Comment
twoxfan	1739159104 Using ! Report Comment
M2🪖 \|\| mirina 🪖♡	1739150665 using :D Report Comment
dionysusmaenad	1738596535 using!! Report Comment
Sup3r_N0v4	1738515721 using! Report Comment
Alexx	1738443922 using Report Comment
ʀᴇᴅᴠ3ɪʟ★·.·	1737828310 usinggg Report Comment
x0xi.xx	1737012793 using Report Comment
Forty	1736367167 might be using Report Comment
salchipapas	1735413375 using, very cute Report Comment
Azel	1734664326 using!! this is so cute Report Comment
SleepyNovel	1733989014 Using!! This is awesome!! Report Comment
Yas	1732980098 Using! Report Comment
Milo	1731733409 Using!! >< !! Report Comment