simple heartstopper layout

Tags: #heartstopper #nickandcharlie #simple #greyscale

Description:

one of my first layouts so it’s pretty shitty, feel free to edit it, comment if you end up using it :}

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
p{
  font-family: 'Hi Melody', cursive;
  font-size: 155%;
}
h1,h2,h3,h4,h5{
  font-family: 'Hi Melody', cursive;
  font-size: 200%;  
}
  body {
   background-image: url(Insert image link here);

}
.profile {
   background-color: rgb(111, 112, 112); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(179, 179, 179);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgb(43, 43, 43);
   color: rgb(201, 200, 199);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 135px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #141414;
    background-image: url(http://tinyimg.io/i/ZYuJ3VX.png);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(http://tinyimg.io/i/QUegLB2.png);
    color: white;
}

table.comments-table td {
    color: rgb(201, 200, 199);
}

:root {
    --logo-blue: grey;
    --darker-blue: black;
    --lighter-blue: grey;
    --even-lighter-blue: grey;
    --lightest-blue: grey;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: grey;
    --green: black;
}
</style>

<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bat.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bat1.gif"), auto;}
</style>

<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bat.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/bat1.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 7 of 7 comments ( View all | Add Comment )

Vivi	1669866695 It's very cute!! I'm on the computer so it doesn't show Nick and Charlies photo on the top :( Report Comment Same :[[ by Charlie; 1678548890; Report
benatar	1651165898 THIS IS SO CUTE OMF Report Comment HSHDHDJ THANK YOU by soren; 1651166122; Report
genevive	1650489510 I LOVE THIS !! Report Comment thank you!!!’ by soren; 1650489625; Report
vincent ★	1650123180 oh my gosh i love this sm Report Comment thank you!!! by soren; 1650128946; Report you’re welcome by vincent ★; 1650129058; Report
Lemoon	1649982100 Simple but really cuteeeee Report Comment thank you!!! by soren; 1649982180; Report
Ari ;}	1649981710 AWWWW IM PROUD OF YOU :D Report Comment THX ️️️️ by soren; 1649982072; Report
earth2mikey	1649980665 RAE THIS IS SO CUTE Report Comment THANK YOU VENUS ILY by soren; 1649981040; Report OFC ILYM by earth2mikey; 1649983401; Report