<!-- (c) Layout created by kiwi (profile wip and semi-inactive) (https://layouts.spacehey.com/layout?id=101306) -->
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media.discordapp.net/attachments/1205686918365581412/1216165387821907988/a22625841e7c9631cf0ab0693e7bf8ba.jpg?ex=65ff6547&is=65ecf047&hm=11dc2bd454e357ad8092d5ab352e33cdb8ec76e41df9ffdeefa281fa4f5a1c99&');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<!-- (c) Layout created by ⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹ (https://layouts.spacehey.com/layout?id=104658) -->
<img src="https://i.pinimg.com/736x/d7/25/7d/d7257daee344a0f55faaf971f0a6bf08.jpg"/>
<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99942) -->
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(https://media.tenor.com/Joj3GrLk3KsAAAAM/ethel-cain-crush.gif );
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 2s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99900) -->
<style>
body {
background: url(https://i.pinimg.com/474x/47/3c/2f/473c2fb1feff939bdaf70562a91c50c9.jpg);
}
main{
background: url(https://i.pinimg.com/474x/9c/24/8d/9c248d157981a51cdb7ca7831d388dd6.jpg);
}
.profile .blurbs .heading,
.profile .friends .heading {
background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
style="width: 100px; height: 50px; object-fit: scale-down";
border-radius: 15px;
box-shadow: 1px 0px 7px 6px #e8c1d4;
}
.profile .contact .heading,
.profile .table-section .heading{
background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
box-shadow: 1px 0px 7px 6px #e8c1d4;
border-radius: 15px;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
p{
font-family: 'Playfair+Display+SC', serif;
font-size: 100%;
color: black;
text-shadow: 0 0 5px black;
}
h1,h2,h3,h4,h5{
font-family: 'Playfair+Display+SC', serif;
font-size: 200%;
color: black;
text-shadow: 0 0 10px #b86990;
}
main:before {
width: auto;
margin-bottom: 25px;
border: 1px ;
height: 300px;
display: block;
content: "";
border-radius: 15px;
box-shadow: 0px 0px 5px 11px #e8c1d4;
background-image: url(https://i.pinimg.com/564x/41/63/5d/41635d73f8cc20ef90d695028d59fef7.jpg);
background-position: center center;
background-size: cover;
}
footer {
border-radius: 15px;
background-image: url(https://i.pinimg.com/564x/3a/48/45/3a48459323b98341c8ee7d8c4f8ba38a.jpg);
box-shadow: 0px 0px 5px 11px #e8c1d4;
}
:root{
--logo-blue: url(https://i.pinimg.com/474x/fa/4a/ce/fa4ace2177e110ef608a9bcfb06b8b01.jpg);
--lightest-blue: ;
--light-orange: #e8c1d4;
--lighter-blue: #e0ccd4;
--even-lighter-blue: ;
--darker-blue: black;
--dark-orange: black;
--even-lighter-orange: light pink;
}
.col.w-40.left .contact{
background: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
border-radius: 15px;
box-shadow: 1px 0px 7px 6px #e8c1d4;
}
.col.w-40.left .url-info{
background:url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
border-radius: 15px;
box-shadow: 1px 0px 7px 6px #e8c1d4;
}
.col.w-40.left .table-section{
background:url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
border-radius: 15px;
box-shadow: 1px 0px 7px 6px #e8c1d4;
}
nav .top{
border-radius: 15px;
box-shadow: 1px 0px 7px 6px white;
}
.col.right .profile-info{
background-image: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
border-radius: 15px;
box-shadow: 1px 0px 7px 6px #e8c1d4;
color: #edadcd;
}
body::before {
content: ' ';
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 100;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.inner .comments-table{
background-image: url(https://i.pinimg.com/564x/e6/f2/0d/e6f20d1bc70ba4d4fb604945e909abb4.jpg);
border-radius: 15px;
box-shadow: 1px 0px 7px 10px #e8c1d4;
color: #edadcd;
}
.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 favorite */
content: "ᡣ𐭩"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✧˖°"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group */
content: "♡"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "ᰔᩚ"
}
.profile-pic {
box-shadow: 1px 0px 7px 10px #e8c1d4;
border-radius: 15px;
}
.snowflake {
position: fixed;
top: -10%;
z-index: 99;
user-select: none;
animation-name: snowflakes-fall, snowflakes-shake;
animation-duration: 10s, 3s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running;
width: 25px;
height: 25px;
}
.snowflake.type1{
content: url(https://cinni.net/images/web/star2.gif);
}
.snowflake:nth-of-type(0) {
left: 1%;
animation-delay: 0s, 0s
}
.snowflake:nth-of-type(1) {
left: 10%;
animation-delay: 1s, 1s
}
.snowflake:nth-of-type(2) {
left: 20%;
animation-delay: 6s, .5s
}
.snowflake:nth-of-type(3) {
left: 30%;
animation-delay: 4s, 2s
}
.snowflake:nth-of-type(4) {
left: 40%;
animation-delay: 2s, 2s
}
.snowflake:nth-of-type(5) {
left: 50%;
animation-delay: 8s, 3s
}
.snowflake:nth-of-type(6) {
left: 60%;
animation-delay: 6s, 2s
}
.snowflake:nth-of-type(7) {
left: 70%;
animation-delay: 2.5s, 1s
}
.snowflake:nth-of-type(8) {
left: 80%;
animation-delay: 1s, 0s
}
.snowflake:nth-of-type(9) {
left: 90%;
animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(10) {
left: 25%;
animation-delay: 2s, 0s
}
.snowflake:nth-of-type(11) {
left: 65%;
animation-delay: 4s, 2.5s
}
@keyframes snowflakes-fall {
0% { top: -10% }
100% { top: 100% }
}
@keyframes snowflakes-shake {
0%, 100% { transform: translateX(0) }
50% { transform: translateX(80px) }
}
.online{
content:url(https://99gifshop.neocities.org/items/3/Water-Lilya.gif);
}
</style>
<img class="snowflake type1"/>
<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>
<img class="snowflake type1"/>
<img class="snowflake type1"/>
<img class="snowflake type1"/>
<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>
<img class="snowflake type1"/>
<img class="snowflake type1"/>
<img class="snowflake type2" src="https://cinni.net/images/web/star2.gif"/>
<img class="snowflake type1"/>
<img class="snowflake type1"/>
<img class="snowflake type1"/>
<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=100487) -->
<div style="float: ; max-height: 800px; position: fixed; left: 1px; top: 10px; z-index: 200;"><img src="https://www.freeiconspng.com/thumbs/unicorn-png/white-unicorn-png-0.png" width="300" height="200"/></div>
<!-- (c) Layout created by nicheblunt°❀⋆.ೃ࿔*:・ (https://layouts.spacehey.com/layout?id=99947) -->
<div style="float: right; max-height: 250px; position: fixed; right: 1px; bottom: 0px; z-index: 360;">
<img src="https://img1.picmix.com/output/stamp/normal/1/5/4/5/255451_79105.gif" height="250"/>
</div>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )