kaedehara kazuha!!

Tags: kazuha, kaedehara kazuha, red, black, genshin impact, sae

Description:

layout inspired by kaedehara kazuha from genshin impact!

paste code into about me section

credit appreciated but not required :D

optional music: kazuha's theme - moonlit breeze

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

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by saerim's layouts!! (https://layouts.spacehey.com/layout?id=23396) -->

<style>
* {
    cursor: url('https://cur.cursors-4u.net/nature/nat-10/nat967.cur'), auto;
}
</style>

<style>
.col.left:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 205px;
    background-image: url(https://s3.getstickerpack.com/storage/uploads/sticker-pack/genshin-kaedehara-kazuha/sticker_1.png?ea18b5dd8acdadc5d8bf7addf2e9fb1f&d=200x200);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position-x: center;
}
</style>

<style>
:root{
  --logo-blue: #7D2121;
  --darker-blue: #7D2121; 
  --lighter-blue: #c74646;
  --even-lighter-blue: rgba(26, 26, 28, 0.6);
  --lightest-blue: rgba(26, 26, 28, 0.6);
  --dark-orange: #F2E4CA;
  --light-orange: #c74646;
  --even-lighter-orange: red;
  --green: white;
}
 body
        {background: url("https://wallpapercave.com/wp/wp9228337.jpg")
        no-repeat fixed; background-size:cover; background-position: center;
}
html:before {
  background: url(https://i.stack.imgur.com/sIIwU.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
}
main{
    border-radius: 0 0 15px;
    border: 2px solid rgba(0,0,0,0.7);
    color: #F2E4CA;
    background-color: rgba(71, 99, 83, 0.6);
    
}
footer{
    background-color: rgba(71, 99, 83, 0.6);
        border-radius: 100px;
}
button{
        
    background-color: rgba(71, 99, 83, 0.8) !important;
    color: white;
}
    .top{
        
    color: white;
}
.contact{
        
    background-color: rgba(26, 26, 28, 0.6) !important;
}
.heading{
    padding: 1px 0 !important;
    color: #1A1A1C !important;
    background-color: #1A1A1C;
    border-bottom: 2px dotted;
    border-radius: 5px;
    
}
.count{
    color: white;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: 2px solid rgba(0,0,0,0.7);
}
.profile h1 {
    font-size: 30px;
    text-shadow: 5px 3px #641515;
    color: #ffffff;
    
}
.comments-table td{
        
    background-color: rgba(71, 99, 83, 0.6);
    color: white;
}
.top input{
        
    background-color: white !important;
        
}
.friends{
        
    background-color: rgba(247, 255, 251, 0.3) !important;
    border: 1px solid black !important;
    color: #BD2929;
}
.mood{
        
    background-color: none !important;
    border: none !important;
    }
        table.details-table{
        
border: none !important;   
        
}
.profile .details-table td{

border: 1px solid black !important;   

}
.comments-table td{
        
border: 1px solid black !important;   
}
.profile-info{
        
border: 1px solid black !important;   
        
}
.links{
        
border: 1px solid black !important;   
     
}
    color: white !important;
        
    }
    a:hover{
        
    color: #f5f5f5 !important;
        
    }
    a:visited{
        
    color: #f5f5f5 !important;
        
    }
    .top a{

    color: #f5f5f5 !important;

    }
    .top a:hover{

    color: #f5f5f5 !important;

    }
    .top a:visited{

    color: #f5f5f5 !important;

    }
    .links a{
    
    color: #f5f5f5 !important;
    
    }
    .links a:hover{

    color: #f5f5f5 !important;

    }
    .links a:visited{

    color: #f5f5f5 !important;

   }
    .friends-grid p{
        
    color: #f5f5f5 !important;
        
    }
    footer .links a{

    color: #f5f5f5 !important;

   }
    footer .links a:hover{

    color: #f5f5f5 !important;

   }
    footer .links a:visited{

    color: #f5f5f5 !important;

   }
.url-info{
    background-image: url(https://64.media.tumblr.com/ad6b48bc87fdeb55dc272064039d2503/583079ff1ac4e1fd-b4/s540x810/0a4a4435d22ec7e52de9868e86080a492a5ed834.gifv);
    background-size: 100%;
    background-repeat: no-repeat;
background-position: center center;
    height: 150px;
    border: var(--borders)!important;
    border-radius: var(--curve);
}
.url-info p{
    opacity: 0.0;
}
.profile .profile-info {
	background-image: url(https://64.media.tumblr.com/ce485fbb648ac31796796af56dd7dd1d/583079ff1ac4e1fd-b6/s540x810/079bd0cd1939d2bb40eb6088dbcd50dfc9d1bbc5.gifv);
no-repeat fixed; background-size: cover; background-position:top;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 white;
	text-align: center;
	border: none;
}
</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/193d955db4b6bbb7fd4ce62820e6f992/72c913a8c404df83-da/s540x810/42b0a3c31a19b00aa2d20a89113ee436a55e4aa6.gifv');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 2.5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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 14 of 14 comments ( View all | Add Comment )

°Glin Wer!☆	1713930500 Usando! <3 Report Comment
McFlorry	1713804359 Using Report Comment
Avry	1712785489 using Report Comment
joel ᶻ 𝗓 𐰁	1708454418 using! Report Comment
Noriaki 8039	1707960336 Using <3 Report Comment
Rolex	1707085140 Using (ITS AMAZING) <3 Report Comment
valnedo	1702223566 USING!! this is really cool Report Comment
Sunny	1695670797 YIPPIE THANK YOUU Report Comment
CATSRAWR	1692526816 USING!! THIS IS SO COOL! Report Comment
Soulmateless	1688567365 THANKSIES USING IT Report Comment
Kai	1688518530 TYSM IMA USE IT!! ILY<33/PLA Report Comment
wren	1662930661 AAA TYTY IM GONNA USE IT NOWW Report Comment
Hilary	1662925243 I LovEEEEEEEEEE KAZUHA! Report Comment
Dashie	1655648573 Using!! its really nice!! Report Comment