spirited away theme simple

Tags: ghibli, anime, pastel

Description:

cute layout i made themed after spirited away
includes:
animated background
leaf cursor

Preview:

click on the image for a larger preview

Code:

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



<style>
	.profile-pic img{
   	 
border: 7px solid #adf0a8 !important;   
   	 
	}
<style>

.profile-pic img{
clip-path: circle();
}
<style>
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
p{
  font-family: 'Roboto Slab', serif;
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-family: 'Roboto Slab', serif;
  font-size: 150%;  
}




body {
	background-image: url('https://i.pinimg.com/originals/d5/f3/62/d5f36215434e034f2aebd19229ac5143.gif');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;


}
.profile {
   background-color: rgb(250, 236, 205); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(247, 228, 186);
   color: #f56e9d;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #f56e9d;
   color: rgb(247, 228, 186);
}
.comments-table{
display: block;
height: 440px;
overflow-y: scroll;
}
.count {
    color: #7ccfbd ;

}
.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 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: "🍃"


}


footer {
    border-radius: 15px;
    background-image: url(https://wallpapercave.com/uwp/uwp272704.gif);
    color: white;
}
footer::after{
  bottom: 0;
  font-size:0;
  left: 82%;
  position:fixed;
  pointer-events: none;
  content:url("https://cdn141.picsart.com/323771444454211.png");

}


table.comments-table td {
    color: rgb(252, 236, 187);
}


:root {
    --logo-blue: #7ccfbd;
    --darker-blue: #e0367a;
    --lighter-blue: #fccfda;
    --even-lighter-blue: #ffc4dc;
    --lightest-blue: #b1f0e2;
    --dark-orange: #e0367a;
    --light-orange: #fca2c6;
    --even-lighter-orange: #fca2c6;
    --green: #fcbbea;
}
</style>


<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/leaf.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/leaf.gif"), auto;}
</style>


<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/leaf.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/leaf.gif"), auto;}</style>


<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</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.