Hello Kitty !

Tags: hello kitty, sanrio

Description:

put in about me!

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Sevillana&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Princess+Sofia&family=Sevillana&display=swap');

p{
    font-family: 'Sevillana', cursive; 
    font-size: 150%;
    color: purple;
}

h1, h2, h3, h4, h5{
    font-family: 'Princess Sofia', cursive;
    font-size: 300%;
    color: purple;
}

body {
    background: pink;
  }

:root {
    --logo-blue: black;
    --darker-blue: purple;
    --lighter-blue: black;
    --even-lighter-blue: rgb(194, 107, 163);
    --lightest-blue: rgb(222, 162, 201);
    --darK-orange: black;
    --light-orange: black;
    --even-lighter-orange: pink;
    --green: red;
}

.contact img.icon { 
 display: none; 
}

.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://cutekawaiiresources.files.wordpress.com/2016/11/charmmy-kitty-bullet-4.gif?w=20&h=&zoom=2'); 
 background-size: 100% 100%;
} 

.online { visibility: hidden; } .online img { content: url("https://external-media.spacehey.net/media/sQHc0oiF_d82Bnj_vJA_lU43-aOZFZGzu1ntdGVqFmLc=/https://www.myspacegens.com/images/online_now/3.gif"); animation-name: none; visibility: visible; height: 50px; width: 150px;

}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

.comments-table{
display: block;
height: 400px;
overflow-y: scroll;
}

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

.general-about .profile-pic img{
-webkit-mask-image: url(https://i.imgur.com/bAxhHPN.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform:scale(1.025,1.025);
position:relative;
top:-0.25em;
}

.contact{
background-image: url('https://iili.io/H5NBYe2.th.jpg') !important;
}

    .top{
        
border: 1px solid pink !important;   
}

    .logo{
        
border: 1px solid pink !important;  
}

    .top input{
        
border: 1px solid pink !important;   

    }

main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://iili.io/H5NG10G.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}

li.active .icon { 
    content:url('https://iili.io/H5NN98g.png'); 
    width: 20px;
    height: 20px;
    }

</style>
<a href="/gif/invader-zim-D_wUo8" title="invader zim"><img src="https://i.makeagif.com/media/1-12-2023/D_wUo8.gif" alt="invader zim"/></a><div style="font-size:11px;">make <a href="/" title="make a gif">animal GIFs</a> like this at MakeaGif</div>

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