Usahana Hello Kitty Layout!

Tags: usahana, hello kitty, pastel, myl3z

Description:

!PLS COMMENT IF U USE OR 4 BASE! So this was requested (ty) and the only thing I have to say abt this layout is it was kind of a test/different layout for me so I can do a variety of different types other than a copy and paste of my other ones lol. -ALR ONTO THE ACTUAL LAYOUT: Usahana is in the corner, The curser is hello kitty (bc i couldnt find one or make one of ushana), Theres gifs of her but not s much as my kyle and sherb layout, theres a banner and an Online img It was just too big, and no gif pfp because your and your friends pfps floats! Thats it if you have any problem lmk and I hope you enjoy! :3

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face { font-family: "Jennypenny"; src: url('https://dl.dropbox.com/s/vggu2w5dshlbfhn/JandaHappyDay.ttf?dl=0'); 
}'); 

}

body{
font-family: "Jennypenny";
}
p{
    font-family: "Jennypenny"!important;
    color: #ee92bb!important;
    font-size: 90%!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Jennypenny";
    color: #53c2f0;
    font-size: 90%;  
}
.profile h1 {
    font-size: 135%;
    margin: 0 0 10px 0;
}
.profile h4 {
    margin: 3px;
    font-size: 90%;
}
.profile .blurbs .section h4 {
    margin: 3px;
    color: #53c2f0;
}
.count {
    color: #00b7ff!important;
}
 main {
 background-color: transparent;
    font-family: "Jennypenny"!important;
    color: #ee92bb!important;
}

/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #53c2f0!important;

}
  body {
  background: url(https://64.media.tumblr.com/80df5f75d4db98e8eacad6160ec97f0a/76cc4f4efee9e9a1-e6/s1280x1920/46f7ff736ed817ffd9c89cf735d5b7974e137ae6.jpg) no-repeat fixed; background-size:cover;}
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    background-image:
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966483466498169/AQ2nSMA.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;} 
}

 nav .top {
        background-image: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125966483806224494/a6MpeQ0.gif');
        height: 400px;
        background-size: 810px;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 5px;
        position: relative;
        border: 4px dotted #65b6bd;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #5abad6;
        display: block;
        margin-bottom: 3px


}
.profile {
        background-color: #f9f9e15c;
        background-size: 200px;
        position: relative;
        border: 5px dotted #ffc4f8;
        border-radius: 20px;
        display: block;
        background-repeat: no-repeat;
        no-repeat fixed;

}


     .comments-table td:first-child {
        background-image: url('');
        background-size: 400px;
        padding: 10px;
}

    .online {
        color: #53c2f0;
        font-family: "Jennypenny";
        font-size: 90%
}
    .online img {
        content: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966485450391572/1hNQK3z.png);
        height: 2.5em;
        margin-right: 5px;

}

    .icon, .award img {
        content: url(‘https://cdn.discordapp.com/attachments/1067370677960704013/1125966485181972480/pwvPzg7.png’);
        display: inline-block;
        height: 2.0em;
        width: 2.4em;
        margin: 0.05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}   
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ♥ ";
    color: pink;
 
}
:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: '';
    --even-lighter-blue: #d1eff9!important;
    --lightest-blue: #d1eff9!important;
    --dark-orange: ;
    --light-orange: #d1eff9!important;
    --even-lighter-orange: #d1eff9!important;
    --green: pink;
    --purple: red

}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blurbs, .friends, .blog-preview {
    width: 100%;
    border: 3.4px dotted #f8c0d8;
    margin: 10px 0;
    border-radius: 20px;
    background-color: #f9f9e1;
}

  .comments-table{
    border: 3.5px dotted #ee92bb!Important;
}

  .comment-replies{
    border: 3px dotted #5dc2ea!Important;
    border-radius: 20px;
}   

.profile-pic img {
  border: dotted #f8c0d8 3.5px;
  border-radius: 180px;
  box-shadow: 0px 0px 8px var(--shadow);
  animation-name: float;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;

}
.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    border-radius: 180px;
    max-height: 200px;
    animation-name: float;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}
.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    border-radius: 180px;
    margin: 0 auto;
    animation-name: float;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;

}
a {
    color: #5dc2ea;
    text-decoration: none;
    font-family: "Jennypenny";
    font-size: 90%;
}

nav .links a {
    text-decoration: none;
    color: #ee92bb;
    text-shadow: 0 0 0px ;
    font-size: 10px;

}
.links {
background: transparent !important;
background-position: center center !important;
background-color: transparent !important;
no-repeat fixed !important; 
background-size: 890px !important;
}
.heading {
background-image: url(‘https://cdn.discordapp.com/attachments/1067370677960704013/1125966484905132093/fFMFcnV.jpg’) !important;
background-color: transparent !important;
no-repeat fixed !important; 
background-size: 300px !important;
background-position: bottom;
border-radius: 20px;

}
.blog-preview:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 165px;
  border-radius: 20px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125966484531851304/N4NbHZH.png");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 500px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 155px;
  background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125966484166950912/91eQwOk.gif");
  background-position-y: center;
  border: 4px dotted #f697f0;
  border-radius: 20px;
  background-size: 320px;
}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966530061021245/sZCkq58.gif);
  background-repeat: no-repeat
  background-position: center;
  background-size: 75.5px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966529733861457/3zShEpW.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
  margin-bottom: 0px;
  margin-top: 0px;
}

footer {
   background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966529389920266/HTtYQhN.gif);
   border: dotted;
   border-color: #f9fac4;
   border-width: 3.5px;
    background-position: center;
    background-size: 820px;
   Height: 300px;
}

.url-info{display:none !important;
}
/* BANNER AT TOP */
main:before {
width: 95%;
height: 110px;
display: block;
content: "";
background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125966529075359764/mCKAaH8.gif);
background-position: center center;
background-size: 110px;
background-color: transparent;
 background-repeat: no-repeat
no-repeat fixed
margins-top: 0px;
}
.profile .url-info :before{
   content: "";
  white-space: pre-wrap;
  display: block;
  height: 260px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 500px;
  border: 5px dotted rgb(255 174 107);
  border-radius: 20px;
   box-shadow: 0px 0px 10px #0f0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.usahana {
    background: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125966528878223432/40iLUsG.png’') no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 300px;
    width: 290px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.usahana{display:none;}
}
</style>
<div class="usahana"></div>
<style>
}
    @keyframes shake {
0% {
transform:translate(0px,0.3px) rotate(0.3deg);
}
8% {
    transform:translate(0px,0.5px) rotate(-0.5deg);
}

16% {
    transform:translate(0px,1px) rotate(1deg);
}

24% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

32% {
    transform:translate(0px,2px) rotate(2deg);
}

40% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

48% {
    transform:translate(0px,3px) rotate(3deg);
}

56% {
    transform:translate(0px,3.5px) rotate(-3.5deg);
}

64% {
    transform:translate(0px,3px) rotate(3deg);
}

72% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

80% {
    transform:translate(0px,2px) rotate(2deg);
}

88% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

96% {
    transform:translate(0px,0.5px) rotate(0.5deg);
}

100% {
    transform:translate(0px,0.3px) rotate(-0.3deg);
}
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/hellokitty.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/hellokitty.gif"), auto;}</style>
<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/hellokitty.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/hellokitty.gif"), auto;} 
</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 28 comments ( View all | Add Comment )

୨⠀⋆ lizz˙ 𓈒 !	1728776271 Using Report Comment
HAL 9000 ( ˃̶͈◡ ˂̶͈ )	1723506588 HELP THE PFP Report Comment
orble	1717951774 I might use! Report Comment
k ( ´ཀ` )	1715914574 using >_< Report Comment
🫧𓇼𓏲*ੈdelta !✩‧₊˚🎐	1712623680 using!! :3c Report Comment
☆˚🌈 jade! 🎀 ୧⋆｡˚	1710294052 usign Report Comment
Ajax	1706974025 Using :3 Report Comment
pinkfendia	1706387865 using!! Report Comment
hana 🎄	1706310422 using!!! Report Comment
4leafperson	1704853918 USING OMG I LOVE USAHANA THEY'RE SO UNDERATED Report Comment
CHERRYY!! X3	1703102427 JOHN WARD!!! X3 Report Comment JOHN WARD!? FROM THE HIT GAME FAITH: THE UNHOLY TRINITY? by Myles; 1703104262; Report
eli ︻┻┳══━一	1693964909 using!!<33 Report Comment
rin☆	1691549949 this is so cute!! i'm saving this!! Report Comment
🪖noel 🍬🍭	1688514070 using !!🌸🌸💐 Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688522362; Report
reira	1688341386 using! :3 Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688522369; Report
Narwhalz	1688209030 Using!! ^^ Report Comment
Quinn	1687833911 Using!! Report Comment
purty pony	1687044334 Using! <3 Report Comment
ei/luv	1686080698 using :3 !! Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688522384; Report
max / finn 🐾	1686054375 soo cute i might use !!! Report Comment