PINK HIBISCUS FULL LAYOUT

Haii I made a full layout this time. <3

I did use someones premade Spacehey Icon ---> https://layouts.spacehey.com/layout?id=35422

I also used someones premade online now icon ---> https://layouts.spacehey.com/layout?id=102208

everything else is mine muahaha!

Comment if using cuz im curious to see how it looks on others page!

If you would like to see the full layout without copying and pasting it onto your own profile use this website: https://nein-mc.neocities.org/csstest/

PS: the silly little christmas hat isn't a part of the layout, just the website

Copy and paste into your ABOUT ME section! <3

<style>

body{

background-image: url('https://i.pinimg.com/1200x/38/15/3c/38153cff25135daeb443cb66de03a042.jpg');

background-repeat: repeat;

background-position:undefined;

background-attachment: fixed;

background-size: auto;

background-color: #ffffff;

}

main{

background-image: url('https://i.pinimg.com/736x/8d/4d/8c/8d4d8c621674afec6cb775138c315500.jpg');

background-repeat: repeat;

background-position:undefined;

background-attachment: fixed;

background-size: auto;

background-color: #fbb1b1;

border: 10px Groove #ffaddd;

}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {

background-color: #f5d6d6;

border: 3px Groove #ff94b4!important;

}

span[itemprop='name'] {

color: #ff3856;

font-size: 36pt;

font-weight: bold;

font-style: italic;

font-family: 'Great Vibes', cursive, Sans-Serif;

}

h4 {

color: #ff3756;

font-size: 14pt;

font-weight: bold;

font-family: 'Great Vibes', cursive, Sans-Serif;

}

.section h4, .details-table td:first-child {

color: #ff3755!important;

font-size: 12pt;

font-family: 'Great Vibes', cursive, Sans-Serif;

}

a, .count {

color: #790a8f;

font-size: 12pt;

font-family: 'Great Vibes', cursive, Sans-Serif;

}

a:hover {

color: #f55cd4;

font-family: 'Great Vibes', cursive, Sans-Serif;

}

body,main {

color: #ff4755;

font-size: 12pt;

font-family: Serif;

}

.details-table td, .details-table td:first-child{

background: none!important;

}

.heading{

background: none!important;

}

.comments-table td{

background: none!important;

}

.top{

background-color: #ffa6c0 !important;

}

.links{

background-color: #f794b7!important;

}

footer {

background-color: #f794b7; 

}</style>

<style>

main:before {

width: 100%;

height: 150px ;

display: block;

content: "";

background-image: url('https://i.pinimg.com/originals/ee/c2/b8/eec2b81488bd853d6946b28648fdd7e3.gif');

background-position: center center;

background-size: cover

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-8/nat793.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/09/20/flower-56.html" target="_blank" title="Frangipani Flower"><img src="https://cur.cursors-4u.net/cursor.png" alt="Frangipani Flower" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

.logo {

content:url("https://64.media.tumblr.com/636e5f2e6511ece9da79befa3e2f03ab/be1128c5c16cdf09-1d/s540x810/05bd8e87265ea8e4fcabd3e5ce489666439bf79c.pnj");

}

html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url('https://i.pinimg.com/originals/07/6a/88/076a881ea734314039761b1a784ad597.gif');

  content: "";

  height: 300%;

  left: -50%;

  opacity:.2;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}

<style>

</style>

<style>

.online {

        content: url("https://pixelsafari.neocities.org/text/welcome7.gif");}</style>

<style>

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

content: "🌺"

}

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

/* Send Message */

content: "🌺"

}

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

/* Forward 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 to Group */

content: "🌺"

}

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

/* Report Profile */

content: "🌺"

}

<style>