| Pika |

About me:

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

<style>

/* profile background/the image behind the profile box */

body { 

background: url(https://i.gifer.com/76YS.gif);

}

</style>

<style>

/* this is the color of any text that you input */ 

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');

.profile .blurbs .section h4{

font-family: 'Josefin Sans', sans-serif;

text-transform:lowercase !important;

color: white;

}

</style>

<style> 

/* these are the colors for headers */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');

p{

font-family: 'Josefin Sans', sans-serif;

text-transform:lowercase !important;

color:#ffedf9;

}

</style>

<style>

/* this adjusts the size/font of your name */

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');

h1{

font-size: 30px !important;

font-family: 'Paytone One', sans-serif;

text-transform:uppercase !important;

padding-left: 2px !important;

}

</style> 

<style> 

/* this changes the color of your name */

.profile h1{

background: -webkit-linear-gradient(#8870ff, #ff70de);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

</style>

<style>

/* this changes the color of your headers */

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');

h4{

font-size: 16px !important;

font-family: 'Paytone One', sans-serif;

text-transform:uppercase !important;

padding-left: 2px !important;

/* gradient text, you can replace existing colors with whatever ones you want */

background: -webkit-linear-gradient(#ff97c1, #fff);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

</style> 

<style>

/* this is what makes the text bold/look bigger */

p{

font-size: 14px !important;

font-weight: bold;

 text-transform:none !important;

}

</style> 

<style>

/* links in the navigation bar @ the top */

nav{ 

font-size: 13px !important;

font-family: 'Paytone One', sans-serif;

text-shadow: 1px 1px black;

text-transform:none;

padding-left:3px;

text-align: center;

}

</style>

<style>

/* this centers your friend space */

    .profile .friends .inner, .profile .blurbs .section h4{

    text-align: center;

    }

</style>

<style>

/* the color of the number of your friends */

    .count {

        color: #ff00aa;

    }

</style>

<style>

/* link colors when you hover over links */

   a:hover {

     color: white; 

   } 

   a{

     color: #ff9ce0; 

   }

</style>

<style>

/* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */

/* https://cursors-4u.net */

a:hover {    

 cursor: url('https://cur.cursors-4u.net/games/images4/gam308.png'), auto;

}

* {

 cursor: url('https://cur.cursors-4u.net/symbols/sym-2/sym189.png'), auto;

}

</style>

<style>

/* main profile background/the box that has all your text */

/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */

main {

background: rgba(189, 124, 207, 0.4);

border-radius:15px;

border: 2px dotted rgba(241, 190, 255, 1)

}

</style>

<style>

/* this is the background color for the headings of your blurbs, friend space + comments */

.profile .blurbs .heading, .profile .friends .heading {

color: white;

background-color:rgba(171, 118, 207, 0.4);

text-transform:lowercase !important;

color: white;

border-radius:15px;

border: 3px dotted rgba(218, 165, 255, 0.65)

}

</style>

<style>

/* links to your friends' profiles */

.profile .friends .person p {

color: #ff75d1;  

}

.profile .friends .person p:hover {

color: #ffd6f1;  

}

</style>

<style> 

/* this is the box that says "_'s latest blog entries" */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');

DIV.blog-preview{

text-align: center;

font-family: 'Josefin Sans', sans-serif;

background-color:rgba(171, 118, 207, 0.4);

text-transform:lowercase !important;

color: white;

border-radius:15px;

border: 5px dotted rgba(218, 165, 255, 0.65)

}

</style>

<style>

/* this edits your friends' icons */

.profile .friends .person img:not(.icon) {

border-radius:15px;

box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71);

border: 3px dotted rgba(255, 221, 241, 1)

}

</style>

<style>

/* these are the colors for the table headings on the left */

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background-color: rgba(171, 118, 207, 0.4);

}

</style>

<style>

/* contacting "_" */

.profile .contact {

background-color: rgba(171, 118, 207, 0.4);

}

</style>

<style>

/* friend comments */

.profile .friends .comments-table td {

background-color: rgba(171, 118, 207, 0.4);

border: 1px solid rgba(255, 161, 207, 0.5);  

}

.comments-table td*{

}

</style>

<style>

/* colors for interest section */

.profile .table-section .details-table td {

background-color:rgba(223, 162, 210, 0.58);

}

</style>

<style>

/* navigation bar at the top/the bar that has navigation links */

nav .links {

background-color: transparent;

}

nav .links a:hover {

color: rgba(255, 199, 226, 1);

}

</style>

<style>

nav .top{

/* navigation bar at the top/the bar that has the search and spacehey logo */

background-color: transparent;

}

</style>

<style>

@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 5px); }

    100%   { transform: translate(0, -0px); }   

}

/* gif profile picture */

.profile-pic > img { display:none; }

.profile-pic:after { background-image: url("https://i.pinimg.com/originals/61/ee/e5/61eee57480a9223ef1c5f40e47cd2b03.gif"); display: inline-block; content:"" }

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 

.profile-pic:after{ 

  border: 2px dashed  rgba(255, 161, 207, 1);  

  box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46);

 }   

</style>

<style>

/* floating animations */

.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ 

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 0px;

    margin-top: 0px;

}    

</style>

<style>

/* pink dashed borders */

.profile .url-info {

border: 2px dashed  rgba(255, 161, 207, 1);    

}

.profile .contact {

border: 2px dashed  rgba(255, 161, 207, 1);     

}

.profile .table-section {

border: 2px dashed  rgba(255, 161, 207, 1);     

}

</style>

<style>

/* border inside of comments */

table.comments-table {

border: 2px dashed rgba(255, 161, 207, 1);      

}    

</style>

<style>

/* spacehey logo */

nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}

</style>

<style>

/* contact icons */

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

content: "🌟"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: "🌠"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward 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 2 group  */

content: "🌙"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "🛰️"

}   

</style>

<style>

footer {

color: white !important;

text-decoration: underline !important;

text-decoration-style: dotted !important;

background-color: rgba(0, 0, 0, 0.82);

  }    

</style>

Who I'd like to meet: