Pink Strawberry Layout (comment if using) UPDATED

Tags: pink, strawberry, cottagecore, fairy, cute, heart

Description:

just a layout i made 4 myself. Decided to publish it. includes floating hearts and heart icons.

Preview:

click on the image for a larger preview

Code:

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

<style>


html:before {
  animation: grain 60s steps(10) infinite;
  background-image: url(https://media.tenor.com/nH2ZXuCXl4sAAAAM/love-animation.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 200%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

.general-about .details:before {
content: "They/Them";
font-family: hug-me-tight;
font-size: 11.5px;
color: pink;

}
<style>
<p><img src="https://pixel.crd.co/assets/images/gallery05/50f1cb4a.gif?v=c07c1b49" width="200"/>

  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
p{font-family: 'Indie Flower', cursive;
color: ;
}
h1,h2,h3,h4,h5{
  font-family: 'Indie Flower', cursive;
  font-size: 20px;  
  color: ;
}
  body {
   background-image: url(https://media.discordapp.net/attachments/1122090325511516301/1122808646292750386/Untitled251_20230626033825.png?width=857&height=468);

}
.profile {
   background-color: rgb(224, 141, 170) ;
}
.icon {
content: url(https://i.ibb.co/t2tXBR7/tumblr-o13yxqu-H9-Z1u6i8k5o1-75sq.gif);
display: inline-block;
height: 1.5em;
width: 1.5em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);

}
main {
    background: transparent;
    color: pink;
    padding: 6px 0px;
    font-size: 90%;
   background:#f7c3d6;
   backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius:25px;
    padding:25px;
    color:#f7c3d6;
}

}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: pink;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(50%) hue-rotate(299deg);
opacity: .7;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.imgur.com/9wJU0ZX.jpeg);
    color: white;
}

table.comments-table td {
    color: rgb(235, 181, 199);
}

:root {
    --logo-blue: pink;
    --darker-blue: pink;
    --lighter-blue: pink;
    --even-lighter-blue:;
    --lightest-blue:pink;
    --dark-orange: pink;
    --light-orange: pink;
    --even-lighter-orange: pink;
    --green: pink;
    --topic1: "☆♪";
    --topic2: "☆♪";
    --topic3: "☆♪";
    --topic4: "☆♪";
    --topic5: "☆♪";
    --topic6: "☆♪";

 }

}


 }

*{cursor: url(https://pixel.crd.co/assets/images/gallery04/cd443c14.gif?v=c07c1b49), auto !important;}

}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--pdg_linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .section p, .details-table td:last-child p{
	background-color:##f7c3d6;
	padding:.5em;
}
.profile .left h1 {
	text-transform: uppercase;
	font-size: 40px;
	color: pink;
	text-shadow: 3px 3px 0 #bf7892;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--pdg_titleTexture)!important;
	background-size: cover;
	background-position: bottom;
	color: pink
	-webkit-text-stroke: 1px #f7c3d6;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--pdg_urlInfoBox);
	background-position: center;
	text-align: center;
	padding:6em 0;
}
.details-table tr {
	border-bottom: 1px solid #bf7892;
}
.profile .blurbs .section h4 {
	color: pink;
	font-size: 10px;
}
.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: pink;
	padding:6em 0;
}
.profile-info h3 a {
	color: #FFF;
}
nav .top{
background-color: #FF94BB;
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
margin: 1em 0;
nav .links{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "♠";
  
}
.profile .friends{
text-align: center;
}

.profile .friends .heading:before {
    content: "cuties";
    font-size: .9rem;
    font-weight: bold;
    color: #fb7aab;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}

</style>
<style>



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

        

border: 10px pink !important;   

        

    }

.container {

animation: float 4s;

animation-iteration-count: infinite;

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

}



.container {

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>

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 14 of 14 comments ( View all | Add Comment )

amimirr	1711848374 using !! :3 Report Comment
Ellie	1702790406 using!! :D Report Comment
Mutt	1695347305 using! Report Comment
エリシット:3	1694819551 Using!!! Report Comment
purrchuu ᰔᩚ	1694485109 Using!! Report Comment
The VaporWave Mall Co.	1691939519 using <3 Report Comment
wannakry	1691488808 uzing....;-; Report Comment
BigPinkSweater	1690882241 Using <3 Report Comment
ℒ𝒾𝓏𝓏𝒾ℯ	1689285690 using!!! Report Comment
robyn	1689282155 using!! this is so cutiepatootie <3 Report Comment
Ramu	1689190625 using! Report Comment
karolina xoxo	1688895234 using this rn!!! Report Comment
Mars	1688873691 Using! :3 Report Comment
LovelyYannaXoXo	1688029946 using! Thank you! Report Comment using~ by fairy wings; 1688066510; Report