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 20 of 24 comments ( View all | Add Comment )

KSF	1743046933 using!! Report Comment
Bleb	1741084440 using :) Report Comment
XavierXStuff	1738069515 Using :3 Report Comment
Suzuki	1736163924 Using. Report Comment
l4y0ut t3st3r 🧭	1734547673 using but frankensteining it :3 tysm !! Report Comment
Yomimien🍁	1733582319 using! tysm! Report Comment
カズキ	1733312075 using!! Report Comment
уαи zᶻ	1730643479 using!! Report Comment
Dante Vera	1730549985 using :DD Report Comment
scyviee ‧₊ ᵎᵎ ⋅ ˚✮	1727400837 Using!! Report Comment
°Glin Wer!☆	1713930500 Usando! <3 Report Comment
McFlorry	1713804359 Using Report Comment
Avry	1712785489 using Report Comment
seth ᶻ 𝗓 𐰁	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
cat / chu	1692526816 USING!! THIS IS SO COOL! Report Comment
Soulmateless	1688567365 THANKSIES USING IT Report Comment