black sanrio layout!!

Tags: #black, #sanrio, #hellokitty
Description:

please credit me if used!!
Preview:

click on the image for a larger preview
Code:

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

 Bio goes here!!
      
<style>

body, .bodyContent {
    font-family: "MS PGothic"!important;
    text-transform: lowercase;
    text-shadow: 0px 0px 5px;
    letter-spacing: 2px !important;
    font-size: medium !important;
    text-align: center;
    image-rendering: optimizequality;
    background-color: #8a8a8a;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}


<style>
nav .top, nav .links, footer  { 
  background-color:black; 
 } 
 
 .icon {
     display:none;
 }

  .details-table td, .details-table td:first-child { 
  background-color:transparent; 
 border:none; 
 border-width:0px; 
 } 

  table table table { 
  width:80%; max-width: 600px; } table table table table { width:100%;; 
 } 

  body  { 
  background-image:url(https://wallpaper-house.com/data/out/8/wallpaper2you_273611.jpg); 
 background-position:Center Center; 
 background-attachment:fixed; 
 background-repeat:repeat; 
 scrollbar-face-color:#000000; 
 scrollbar-highlight-color:#666666; 
 scrollbar-3dlight-color:#555555; 
 scrollbar-shadow-color:#666666; 
 scrollbar-darkshadow-color:#555555; 
 scrollbar-arrow-color:EE2244; 
 scrollbar-track-color:#000000; 
 } 

  table table { 
  border:0px; 
 } 

.comments-table td, table.comments-table { 
 background-image:none; 
 background-color:transparent; 
 border:none;
 } 

  .profile .contact, .profile .blurbs .heading, .profile .friends .heading, .profile .url-info, .profile .table-section, .comments-table td, DIV.blog-preview  { 
  border-style:Outset; 
 border-width:6px; 
 border-color:#FF1493; 
 background-attachment:fixed; 
 } 

  main, .profile .contact .heading, .profile .table-section .heading, .profile .friends .heading, .profile .blurbs .heading, .comments-table td:first-child { 
  background-color:#000000; 
 } 

  .profile h1, .profile .blurbs .heading h4, .profile .blurbs .section h4, DIV.blog-preview > H4, .profile .friends .heading h4, div.friends:nth-of-type(3) > div.inner:nth-child(2) > p:first-child > b:first-child, .profile .url-info p, .details-table td *, .comments-table td *, #comments > div.inner:nth-child(2) > p:first-child > b:first-child, P:nth-child(2) > B, p, main { 
  color:#ffffff; 
 } 

   .whitetext12, .orangetext15 { 
  color:#ffffff; 
 } 

   .lightbluetext8, .blacktext10, .redbtext,.btext  { 
  color:#ffffff; 
 } 

   .nametext { 
  color:#ffffff; 
 } 

a, .count  { 
  color:#777777; 
 } 


 .blacktext12 { visibility:hidden; display:none; }  
 

 </style> 

<style>
<!-- (c) Layout created by bap!'s css workshop <3 (https://layouts.spacehey.com/layout?id=3617) -->


main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://wallpaper-house.com/data/out/8/wallpaper2you_273611.jpg');
 background-position: center center;
 background-size: cover;
 </style>





<style>

    :root {
        --logo-blue: #000000;
        --darker-blue: #E41a66;
        --lighter-blue: #000000;
        --even-lighter-blue: #ccc;
        --lightest-blue: #E41a66;
        --dark-orange: #333;
        --light-orange: #E41a66;
        --even-lighter-orange: #000000;
        --green: #000000;
    }

    * {
        font-family: monospace;
    }
    
 .contact {
  border-radius: 0px;
  background-position: left top;
  background-repeat: repeat;
  padding: 0px;
  width: 0px;
  height: 0px;
   color:#ffffff

}

    
    
    

    body
        {background: url("https://wallpaper-house.com/data/out/8/wallpaper2you_273611.jpg")
        fixed; background-size:;
        
        }
    .url-info{display:none !important;}

     }

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #66CDAA!important;
    }

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #8a8a8a !important;
        border-bottom: 2px solid;
    }

    main {
        border-radius: 0 0 15px 15px;
        background: rgba(245, 163, 216, 0.94) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(245, 163, 216, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: white !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }
    
     table.comments-table td {
        background-color: rgba(245, 163, 216, 1.0) !important;
    }

    .blog-preview p {
        font-size:0.9rem;
    }
    
    table.comments-table{
display: block;
height: 220px!important;
overflow-y: scroll;
}


    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

{cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}

</style><!-- (c) Layout created by Twilight Sparkle (https://layouts.spacehey.com/layout?id=152) -->

<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 80px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 360px;
    }</style><iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/52F89LJHMbXMdFNDfnm8KK?utm_source=generator" width="100%" height="80" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>

<style>
/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com/color-names
* for fonts go to https://fonts.google.com
* for cursors go to https://icons8.com , https://custom-cursor.com , https://www.cursors-4u.com
============⚠️==========*/

/* cursors */

a:hover {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur668.cur'), auto;
}

* {
    cursor: url('https://cur.cursors-4u.net/cursors/cur-7/cur671.cur'), auto;
}

</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Gotu&display=swap');
</style>
<style>
:root {
    --headers: #ec5a5a;
    --text: pink;
    --names: #ec5a5a;
    --links: pink;
    --hover: #f3d7d7;
    --borders: 1px solid #f3d7d7 !important;
    --background_image: url("https://i.imgur.com/6zCbRs2.png");
    --font-family: 'Gotu', sans-serif;
    --curve: 0px;
    --simple_bg: #ffffff;
}

/*============= online icon  ===================*/

.online {
    content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
}
</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.