Simple Strawberry Shortcake Layout

It's very simple, I just did it for fun, so I apologise if there are any mistakes!!!

There's no need to comment that you're using it or give credit, just don't say you made it or share it on your blog!!! <3

I hope you like it, and if there are any mistakes, let me know!!! ^^

The code is here below:

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/ef/6f/5e/ef6f5ef4104814dcba7623243538048e.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

:root {

        --logo-blue: #fc2828;

        --darker-blue: #c0e39f;

        --lighter-blue: #fc2828;

        --even-lighter-blue: #e6ffcf;

        --lightest-blue: #fafffa;

        --dark-orange: #c0e39f;

        --light-orange: #fc2828;

        --even-lighter-orange: #fc6060;

        --green: #fc2828;

    }

body

        {background-image: url(https://i.pinimg.com/736x/1c/81/6f/1c816f6193bd3e73cfa58bb19fb3aa5f.jpg); no-repeat fixed; background-size:cover;

}

main {

  background-color: #ffffff;

  color: #bfd6a9;

}

.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: "🐞"

}

main:before {

width: 100%;

height: 125px ;

display: block;

content: "";

background-image: url('https://i.pinimg.com/736x/85/65/71/8565715b8f91d9d250905c1ae95dfbc4.jpg');

background-position: center center;

background-size: cover;

}

footer {

border-radius: 15px; background-image: url(https://i.pinimg.com/736x/bf/21/14/bf2114553ac321f040050495d72f7b1f.jpg);

 color: white;

}

.online { visibility: hidden; } .online img { content: url("https://64.media.tumblr.com/cba57b4b34a1effd6889d6ca3d3ddf9d/4edfa41538259f2f-bf/s250x400/a499bad2006b2fe0df2d00f64412338c28efbb44.gifv"); animation-name: none; visibility: visible; height: 74px; width: 74px; }

.profile-pic {

        -webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);

        -webkit-mask-size: 100%;

        -webkit-mask-repeat: no-repeat;

        -webkit-mask-position: center;

        width: 160px !important;

        height: auto;

}

  -webkit-mask-image: url(https://64.media.tumblr.com/a3933905fc43763b859df986790f7cfc/a13f6b3efb69d983-75/s250x400/e093c1488a8f7800c9a96a2aa980cbc6e9fece92.pnj);

        -webkit-mask-size: 100%;

        -webkit-mask-repeat: no-repeat;

        -webkit-mask-position: center;

        width: 180px;

        height: auto;

}

<style></style>

<style>* {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1058.cur), url(https://ani.cursors-4u.net/nature/nat-11/nat1058.cur), auto !important;}</style>

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/4428a52e4fe28e023dd6c1a54117ecca/c9394c05704fa42c-98/s250x400/dfb30d6306fe76f1365434882e8c40ce1032eec2.gifv);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}

</style>