new save

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

<div class=".(left side pic)."></div> 

<div class=".(right side pic)."></div> 

<style> 

@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap'); 

body{ 

background-image:url('.(backround pic).'); 

} 

.container{ 

width: 45%; 

} 

nav .top{ 

background-image:url('https://i.pinimg.com/564x/9e/4a/2a/9e4a2a6fb0eec892bf186ff2c5280005.jpg') ; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

margin: 1em 0; 

} 

nav .links{ 

background-image: url('https://i.pinimg.com/564x/9e/4a/2a/9e4a2a6fb0eec892bf186ff2c5280005.jpg'); 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

display: flex; 

flex-wrap: wrap; 

justify-content: space-around; 

} 

nav .links li::after{ 

display: none; 

} 

.profile p{ 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

main{  

background-image: url('https://i.pinimg.com/564x/fa/76/0a/fa760af27b00827a5ff3d956781117ee.jpg'); 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

margin: 1em 0; 

padding: .5em; 

} 

.profile h1{ 

font-family: 'Bubblegum Sans', cursive; 

color: white; 

text-shadow: 0px 0px 10px #cc0000; 

font-size: 25px; 

} 

.online img{ 

display: none; 

} 

.profile .profile-info{ 

background-color: #ffbbd3; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

color: white; 

text-shadow: 0px 0px 10px #cc0000; 

} 

.profile .general-about{ 

; 

} 

.profile .blog-preview, 

.profile .mood{ 

color: white; 

text-shadow: 0px 0px 10px #cc0000; 

} 

.general-about img { 

 -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png); 

 -webkit-mask-size: 100%; 

 -webkit-mask-repeat: no-repeat; 

 -webkit-mask-position: center; 

} 

.profile .contact .heading, 

.profile .table-section .heading{ 

font-family: 'Bubblegum Sans', cursive; 

color: white; 

text-shadow: 0px 0px 10px #cc0000; 

background-color: transparent; 

padding: .5em; 

font-size: 20px; 

} 

.profile .table-section, 

.profile .contact, 

.profile .url-info{ 

text-shadow: 0px 0px 10px #ffc0cb; 

color: white; 

background-color: #ffbbd3; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

} 

table.details-table td { 

background-color: transparent !important; 

color: white !important; 

} 

.profile .blurbs .heading, 

.profile .friends .heading{ 

font-family: 'Bubblegum Sans', cursive; 

color: white; 

text-shadow: 0px 0px 10px #cc0000 !important; 

background-color:transparent; 

padding: .5em; 

font-size: 20px; 

} 

.profile .blurbs{ 

text-shadow: 0px 0px 10px #ffc0cb; 

color: white; 

background-color: #ffbbd3; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

} 

.profile .friends-grid .person p, 

.profile .friends{ 

color: white; 

} 

.profile .blurbs .section h4{ 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

.profile .comments-table{ 

background-color:#ffc0cb; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

color: white; 

} 

.profile .comments-table td{ 

background-color: #ffc0cb; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

padding: .5em; 

} 

.profile .comments-table .comment-replies{ 

background-color:#ffc0cb; 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

color: white; 

} 

.comments-table img, 

.person img{ 

border-radius: 15px; 

border: 2px solid #ffc0cb; 

box-shadow: 0px 0px 10px #ffc0cb; 

} 

footer{ 

background-color:#ffbbd3; 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

} 

.count{ 

color: white; 

text-shadow: 0px 0px 10px #CC0000; 

} 

a{ 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

a:visited { 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family:'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

a:hover { 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

a:active { 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

nav .links a{ 

color: white; 

font-size: 20px; 

} 

nav .links a:hover{ 

color: white; 

text-shadow: 0px 0px 10px #ffc0cb; 

font-family: 'Patrick Hand', sans-serif; 

font-size: 20px; 

} 

.contact .inner a img { 

font-size: 0; 

} 

.contact .inner a img:before { 

font-size: 1em; 

display: block 

} 

.contact .inner a:before{ 

content: "♡"; 

font-size: 20px; 

}  

.profile .blog-preview{ 

text-align: center; 

} 

.online{ 

content: url("https://www.myspacegens.com/images/online_now/69.gif") !important; 

} 

li.active .icon {  

    content:url('https://twst.ju.mp/assets/images/gallery01/b13d694e.gif?v=38242256');  

    width: XXXPX; 

    height: XXXpx; 

} 

.creepyface{ 

    background: url(https://static.wikia.nocookie.net/lomando/images/b/b3/KONKON.gif/revision/latest?cb=20181228060810) no-repeat; 

    background-size: 100%!important; 

    position: fixed; 

    left: 50px; 

bottom: 0px; 

    height: 380px; 

    width: 220px; 

    z-index: 100; 

    opacity: 100%; 

} 

.creepyface2{ 

    background: url(https://i.pinimg.com/564x/25/1a/29/251a296dc55fc6f34ae674cb02a2baaf.jpg?cb=20181228060810) no-repeat; 

    background-size: 100%!important; 

    position: fixed; 

    right: 50px; 

bottom: 500px; 

    height: 366px; 

    width: 364px; 

    z-index: 100; 

    opacity: 100%; 

} 

body:before { 

content: " "; 

height: 100vh; 

width: 100vw; 

display: block; 

position: fixed;  

top: 0;  

left: 0;  

z-index: 100; 

background-image: url('https://static.wikia.nocookie.net/lomando/images/9/92/Same_photo_of_ellis_but_now_in_different_position.jpg/revision/latest/scale-to-width-down/1000?cb=20190719104249'); 

background-size: cover; 

background-repeat: no-repeat; 

background-position:center; 

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

pointer-events: none;} 

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

} 

/*loading screen if u want to remove it*/ 

body:before before { 

content: " "; 

height: 100vh; 

width: 100vw; 

display: block; 

position: fixed;  

top: 0;  

left: 0;  

z-index: 100; 

background-image: url('https://static.wikia.nocookie.net/lomando/images/9/92/Same_photo_of_ellis_but_now_in_different_position.jpg/revision/latest/scale-to-width-down/1000?cb=20190719104249'); 

background-size: cover; 

background-repeat: no-repeat; 

background-position:center; 

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

pointer-events: none;} 

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

</style>