kuromi layout

Tags: #kuromi, #layout, #cute
Description:

kuromi layout, includes gif and cursor !!! comment if using plz XD
Preview:

click on the image for a larger preview
Code:

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

<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/bd/76/5d/bd765def594d116af21de47493771cf6.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@700&family=Pixelify+Sans:wght@400..700&display=swap');
  p{   
     font-family: 'Fuzzy Bubbles', cursive;
     font-size: 20px;
     color: #7D3C98
 }   
</style>



<style>
body {
    background: url(https://i.pinimg.com/564x/91/db/fc/91dbfc0677ea80cdd1caca577f81173d.jpg);
}

</style>



<style>
footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/36/ba/1e/36ba1ec099a54a3a93c34df1464e2d59.jpg);
    
}</style>

<style>
:root {
    --logo-blue:#A569BD;
    --darker-blue: #7D3C98;
    --lighter-blue: #BB8FCE;
    --even-lighter-blue: #CD9FE1;
    --lightest-blue: #CD9FE1;
    --dark-orange: #4A235A;
    --light-orange: ##BB8FCE;
    --even-lighter-orange: #BB8FCE;
    --green: #FF1E54;
}</style>

<style>
.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/9e/88/bc/9e88bc11b88482b6a3b089574b04933f.jpg);
	padding: 20px;
	border: #7D3C98;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #7D3C98;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: #FF70AD;
}
}</style>

<style>
.general-about {
	background-image: url(https://i.pinimg.com/564x/9e/88/bc/9e88bc11b88482b6a3b089574b04933f.jpg);
	padding: 35px;
	border-radius: 47px;
	box-shadow: 4px 4px 0 #7D3C98;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}</style>

<style>
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/9e/88/bc/9e88bc11b88482b6a3b089574b04933f.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #7D3C98;
}
</style>

<style>
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/564x/9e/88/bc/9e88bc11b88482b6a3b089574b04933f.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #FF70AD;
  text-shadow: 1px 1px 2px #7D3C98, 0 0 25px #7D3C98, 0 0 3px #FF8DBE; 
}</style>

<style>
.profile {
background-image:url(https://i.pinimg.com/564x/36/ba/1e/36ba1ec099a54a3a93c34df1464e2d59.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}</style>


<style>
.contact .inner a img {
    font-size: 15;
}
.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 Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "☆"
}
</style>

<style>body { cursor: url('https://xyz.crd.co/assets/images/gallery21/f51b1478.gif?v=4ca63763'), auto; }</style>





<style>
/* code generated by the spacehey live designer [start] */
main{ background-color: #BB8FCE !important;}
body{ background-color: #BB8FCE !important;}
.table-section .heading, .contact .heading{ color: #D2B4DE !important; background-color: #BB8FCE !important;}
.table-section, .contact{ border-color: #BB8FCE !important;}
/* [end] spacehey live designer */
</style>


<style>
.online {
  content: url(https://i1.glitter-graphics.org/pub/157/157641b27q8mcaol.gif);
}
</style>



<style>
body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div > div > a { visibility: hidden; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(1) > a { content:url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(2) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(1) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(2) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(1) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(2) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }
body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(1) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(2) > a { content: url("https://literature.crd.co/assets/images/gallery05/cea79414_original.gif?v=0b76180b"); visibility: visible; height: 30px; width: 32px; }


</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.