pompom purin layout!!

Tags: yellow, sanrio, hello kitty, pompom purin

Description:

a cute pompom purin layout!! comment any questions or if using

Preview:

click on the image for a larger preview

Code:

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

<style>

h1{
  color: #4a380b;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>



<style>.online {content:url('https://external-media.spacehey.net/media/s0DNiq6Ofp6suDCtHOaUidkYOLJwTgfLMS-s6qQYz67M=/https://sillyblinkies.neocities.org/online/catonline.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}</style>


<style>
main:before {
 width: 100%;
 height: 200px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/78/cb/df/78cbdf90ccc91cf7b481acc1bc41f263.png');
 background-position: center center;
 background-size: cover;
 </style>

<style>

}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;

 }
    .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: url("https://pixels.crd.co/assets/images/gallery14/e7b73282.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixels.crd.co/assets/images/gallery14/e7b73282.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixels.crd.co/assets/images/gallery39/dcdee636.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixels.crd.co/assets/images/gallery39/dcdee636.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixels.crd.co/assets/images/gallery14/e7b73282.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://pixels.crd.co/assets/images/gallery14/e7b73282.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://pixels.crd.co/assets/images/gallery39/dcdee636.gif?v=379361a4")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixels.crd.co/assets/images/gallery39/dcdee636.gif?v=379361a4")
    } </style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://media.discordapp.net/attachments/1092927959398109314/1174574652262199378/pompompurin-png-5-removebg-preview.png?ex=656816e3&is=6555a1e3&hm=68bc6e04a04b526b7c1659a479303cb62ee1d24b2007e1bbfdbf86f8e423f9e7&=&width=523&height=575') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: -350px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<style>
.logo {

content:url("https://media.discordapp.net/attachments/1092927959398109314/1174549573683904532/Untitled1262.png?ex=6567ff88&is=65558a88&hm=0867d290e3b3683801bd0cd1bdc8688a4b4a4cf970daedeb09ab91fa6469f91a&=&width=1237&height=315");

}
</style>

<style>
main, body, footer {
     font-family: 'Nunito', sans-serif;
font-family: 'Varela Round', sans-serif;
 font-size: 101%;  
}
</style>

<style>
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #35310b;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
</style>

<style>
h1,h2,h3,h4,h5
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&family=Varela+Round&display=swap');
p{
  font-family: 'Nunito', sans-serif;
font-family: 'Varela Round', sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: 'Varela Round', sans-serif;
  font-size: 100%;  
</style>

<style>
body{background:url("https://wallpapercave.com/wp/wp3866798.jpg"); background-size: 600px; contain }

:root {
    --light-gray: #f2f0f0;
    --gray: #f7ffc9;
    --dark-gray: #ff5454;
    --darker-gray: #bf7777;
    --logo-blue: #4a380b;
    --darker-blue: #4a380b;
    --lighter-blue: #e9e991;
    --even-lighter-blue: #e6e27d;
    --lightest-blue: #f4f2d0;
    --red: #4a380b;
    --dark-orange: #4a380b;
    --light-orange: #f2fc99;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #4a380b;
    accent-color: var(--logo-blue);
}

.profile {
background-image:url(http://clipart-library.com/images_k/white-star-transparent-background/white-star-transparent-background-19.png);
  background-repeat: repeat;
    border-radius: 12px;

</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.