SpaceHey Layouts

I am self-taught, so please let me know if you run into issues.

I did not test these on every browser, and these have not yet been optimized for mobile.

You are welcome to frankenstein or change anything, but please do not remove credit.

Many thanks to this layout tester and this code resource !

Webkinz

Click image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>

:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue:  ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
  width: 850px !important;
}
body{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F3643882.jpg&f=1&nofb=1&ipt=922404ba1891dba740288e058ecdd31581be62dcdc112fad3811693bbf0a5f56&ipo=images');
  background-size: cover;
  background-attachment: fixed;

  font-family: Trebuchet MS;
}
.count{
  color: #493490;
}
a{
  color: #180b66;
}
a:hover{
  text-decoration: none !important;
  color: #916959;
}
main{
  background: #f7fbd0;
  border-style: none solid none solid;
  border-width: 3px;
  border-color: #0122a5;
  font-size: 15px;
  color: #180b66 !important;
  padding-top: 20px;
}
.logo{
  content: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pinclipart.com%2Fpicdir%2Fbig%2F536-5368116_webkinz-logo-png-clipart.png&f=1&nofb=1&ipt=2def512fd186b689984d49dbc72179dc19cda52b6e050caceffe6c45c6cea598&ipo=images');
  width: 140px !important;
  height: 50px !important;
}
nav .top{
  background: linear-gradient(#1c7bf7, #0073ff, #0a49e6 90%);
  border-style: solid;
  border-width: 3px;
  border-radius: 15px 15px 0 0;
  border-color: #0122a5;
  font-size: 15px;
  font-weight: bold;
}
#q{
  background: linear-gradient(#f8e085, #f7fbd0 30%);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #0122a5;
  font-family: Trebuchet MS;
  padding: 2px;
}
nav .center button{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #0122a5;
  padding: 3px;
  color: white;
  font-weight: bold;
}
nav .center button:active{
  background: linear-gradient(#9149a8, #9951db 10% 80%, #a670e9);
}
nav .right .logout-form button{
  font-family: Trebuchet MS;
  font-weight: bold;
}
nav .right .logout-form button:hover{
  text-decoration: none;
}
nav .links{
  background: linear-gradient(#7ac656, #78b75d 10% 80%, #5ea82d);
  border-style: none solid solid solid;
  border-width: 3px;
  border-color: #fff #0122a5 #132911 #0122a5;
  padding: 10px;
}
nav .links{
  text-align: center;
}
nav .links a{
  background: linear-gradient(#f3fcc5 80%, #f2de85);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #6d983c;
  padding: 5px;
  text-shadow: none;
  color: #180b66;
  font-weight: bold;
}
nav .links a:hover{
  background: linear-gradient(#f2c204, #ffff33 5% 60%, #ffbe22);
}
nav .links li:after{
  display: none;
}
.edit-link{
  display: none;
}
.profile h1{
  text-align: center;
  background: linear-gradient(#fef8db, #fefba8 10%);
  padding-top: 5px;
  border-style: solid solid none solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #916959;
  margin-bottom: 0;
}
.profile-pic img{
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #916959;
}
.general-about{
  background: linear-gradient(#fefba8 95%, #fddf88);
  padding: 10px;
  height: 190px;
  border-style: none solid solid solid;
  border-width: 3px;
  border-radius: 0 0 5px 5px;
  border-color: #916959;
  margin-top: 0;
}
.mood{
  margin: 10px;
  padding: 3px;
  font-weight: bold;
}
.contact .heading{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8) !important;
  border-style: solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #493490;
  color: white;
}
.contact{
  border: none !important;
}
.contact .inner{
  background: linear-gradient(#fef8db, #fefba8 10% 95%, #fddf88);
  padding: 3px;
  border-style: none solid solid solid!important;
  border-width: 3px !important;
  border-radius: 0 0 5px 5px;
  border-color: #916959 !important;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn2.steamgriddb.com%2Ficon_thumb%2Fe0a9b8565cb497d114bdfbd7c5049760.png&f=1&nofb=1&ipt=1608a053576799e22e2652ace138863a94a67fa6333e17da06b66b2ea5b9282d&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fassets.webkinz.com%2Fswf%2Fitem%2F265%2Ficon.png&f=1&nofb=1&ipt=a033128c3e6777c4bac788bba4ab2760357cb5501353f8c8af299a21380a1852&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://static.wikitide.net/webkinzguidewiki/archive/6/64/20230207004722%21Cockerspanielavatar.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://static.wikitide.net/webkinzguidewiki/0/0f/Dancingzingoz.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://static.wikitide.net/webkinzguidewiki/b/b5/Wheelofwowshirt.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://static.wikitide.net/webkinzguidewiki/c/cc/Webkinz_Diamond.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.wikia.nocookie.net%2Fwebkinz%2Fimages%2Fb%2Fb4%2F1000_kinzcash_coin.png%2Frevision%2Flatest%3Fcb%3D20201116061204&f=1&nofb=1&ipt=d4e7c9622a5bc0fafa82bae8109b88e6627f93bfafc16a5105ce44bef58fe2f6&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('https://static.wikitide.net/webkinzguidewiki/5/5a/Wshopcoupon20offanyitem.png');
  background-size: 100% 100%;
}
.profile .url-info{
  background: linear-gradient(#c7f0fe, #a0e2fd);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #31474c;
  text-align: center;
  padding: 10px;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 10px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fimages4.fanpop.com%2Fimage%2Fphotos%2F24100000%2Fwebkinz-friends-webkinz-fan-club-24182978-279-148.png&f=1&nofb=1&ipt=84eec7f859c7e4d2d8972dd4d8d0f7f2ea60b1771a24e0ba31e8709df65a876a&ipo=images');
  width: auto;
  height: 125px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.profile .table-section .heading{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #493490;
  color: white;
}
.profile .table-section{
  border: none !important;
}
.profile .table-section .inner{
  background: linear-gradient(#fef8db, #fefba8 10% 95%, #fddf88);
  padding: 3px;
  border-style: none solid solid solid !important;
  border-width: 3px !important;
  border-radius: 0 0 5px 5px;
  border-color: #916959 !important;
}
.profile .table-section a{
  font-weight: bold;
}
.profile .table-section td{
  padding-bottom: 5px;
  font-weight: bold;
}
.col.w-40:after{
  width: 100%;
  height: 175px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.webkinz.com%2Fassets%2Fimages%2Fwebkinz-logo.png&f=1&nofb=1&ipt=2302b47b4d5cc1c8dc5ab766b67b0cded68b7cf3185f766be19e4e5fb5070417&ipo=images');
  background-position: center center;
  background-size: 325px 175px;
  border-radius: 10px;
}
.profile-info{
  background: linear-gradient(#fef8db, #fefba8 10% 95%, #fddf88);
  padding: 10px;
  border-style: solid !important;
  border-width: 3px !important;
  border-radius: 5px;
  border-color: #916959 !important;
}
.blog-preview{
  background: linear-gradient(#c7f0fe, #a0e2fd);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #31474c;
  padding: 10px;
}
.blog-preview p{
  font-weight: bold;
}
.blog-preview a:hover{
  color: #31474c;
}
.profile .blurbs .heading{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #493490;
  color: white;
}
.profile .blurbs .inner{
  background: linear-gradient(#fef8db, #fefba8 10% 95%, #fddf88);
  padding: 10px;
  border-style: none solid solid solid !important;
  border-width: 3px !important;
  border-radius: 0 0 5px 5px;
  border-color: #916959 !important;
}
.profile .friends .heading{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #493490;
  color: white;
}
.profile .friends .heading a:hover{
  color: #493490;
}
.profile .friends .inner{
  background: linear-gradient(#fef8db, #fefba8 10% 95%, #fddf88);
  padding: 10px;
  border-style: none solid solid solid !important;
  border-width: 3px !important;
  border-radius: 0 0 5px 5px;
  border-color: #916959 !important;
  margin-bottom: 10px;
}
.profile .friends-grid{
  text-align: center;
}
.profile .friends .person p{
  color: #916959;
}
.profile .friends .person img{
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #916959;
}
#comments p{
 color: black;
  font-size: 15px;
}
#comments a:hover{
  color: #493490;
}
#comments .heading{
  background: linear-gradient(#a670e9, #9951db 10% 80%, #9149a8);
  border-style: solid;
  border-width: 3px;
  border-radius: 5px 5px 0 0;
  border-color: #493490;
  color: white;
}
.comments-table p{
  background: transparent !important;
  border-style: none !important;
  color: #180b66 !important;
}
#comments .inner{
  background: #f9d249;
}
.comments-table{
  background: #f9d249;
  border-style: solid;
  border-width: 3px;
  border-radius: 10px;
  border-color: #f9d249;
}
.comments-table td{
  background: #f9d249;
  border-style: solid;
  border-width: 5px;
  border-radius: 10px;
  border-color: #e4ab2f #e4ab2f #feea59 #feea59;
  padding: 5px;
}
.comments-table a img{
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  border-color: #916959;
}
.comments-table .report{
  font-size: 12px !important;
}
.comments-table .report img{
  border-style: none;
}
.comments-table .report a:hover{
  color: #180b66 !important;
}
.comments-table .comment-replies{
  border-style: solid;
  border-width: 4px;
  border-radius: 10px;
  border-color: #e4ab2f #e4ab2f #feea59 #feea59;
}
#comments button{
  background: linear-gradient(#ffe48c, #f9d249 10% 70%, #f3ae56);
  border-style: solid;
  border-width: 3px;
  border-radius: 10px;
  border-color: #936120;
  padding: 5px;
}
#comments button:active{
  background: linear-gradient(#f3ae56, #f9d249 10% 70%, #ffe48c);
}
#comments td button{
  background: linear-gradient(#c7f0fe, #a0e2fd 90%);
  border-style: solid;
  border-width: 3px;
  border-radius: 100px;
  border-color: #31474c;
  padding: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
#comments td button:active{
  background: linear-gradient(#a0e2fd, #c7f0fe 90%);
}
footer{
  background: linear-gradient(#1c7bf7, #0073ff, #0a49e6 90%);
  border-style: solid;
  border-width: 3px;
  border-radius: 0 0 15px 15px;
  border-color: #0122a5;
  font-size: 15px;
  font-weight: bold;
  margin-top: 0;
  color: white;
}
footer a:hover{
  color: #0122a5;
}
main:after{
  width: 100%;
  height: 135px;
  display: block;
  content: "";
  background-image: url('');
  background-position: center center;
  background-size: 380px 135px;
  border-radius: 10px;
}
footer:before{
  width: 100%;
  height: 75px;
  display: block;
  content: "";
  background-image: url('https://i.imgur.com/f6f5Y6k.png');
  background-position: center center;
  background-size: 450px 75px;
  border-radius: 10px;
}
</style>

Wii Sports Resort

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
	--green: ;
}


body{
  background: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpapercave.com%2Fwp%2Fwp8091360.jpg&f=1&nofb=1&ipt=8346c0e59fb805c5fa0efed3f3aeb5a590693207957a00cd91fea0ab70651eca&ipo=images");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.count{
 color: #0050ff;
}
a{
  color: white;
}
a:hover{
  color: white;
}
main{
  background: rgb(255, 255, 255, 0.3);
  font-family: Lexend;
  border-radius: 0 0 10px 10px;
}
nav .top{
  background: linear-gradient(rgb(163, 222, 255, 0.5) 10%, rgb(0, 112, 173, 0.7), rgb(163, 222, 255, 0.5));
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
}
#q{
  background-color: rgb(255,255,255,0.4);
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 2px;
}
nav button{
  background: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0.8));
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 2px;
  color: #0050ff;
}
nav button:hover{
  background: linear-gradient(rgba(255,255,255) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255,0.8) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255));
}
nav .links{
   background: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255,0.4) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0.8));
  backdrop-filter: blur(14px);
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  text-align: center;
}
nav .links li:after{
  color: white !important;
}
.profile-pic img{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
}
.general-about{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
  padding-bottom: 115px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.mood{
  padding: 8px;
  color: #fff;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
}
.contact .heading{
  background: transparent !important;
}
.contact{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff !important;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
  padding: 5px;
}
 
.contact img.icon{
display: none;
}
.contact{
background-color: !important;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://cdn2.steamgriddb.com/file/sgdb-cdn/icon_thumb/f2c5b1f06bfe59954cb2a56858c2ed98.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://cdn2.steamgriddb.com/icon_thumb/251dbb5e528421776ff6e17c87be507f.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://cdn2.steamgriddb.com/icon_thumb/3a0f19df72fef0495c54ced664735a7d.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://cdn2.steamgriddb.com/icon_thumb/fc2022c89b61c76bbef978f1370660bf.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://cdn2.steamgriddb.com/icon_thumb/5cdf0f9533d6b4c0984fc5ae00913459.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/2EOWwgd.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 23px;
  height: 25px;
  background-image: url('https://i.imgur.com/y4hO3u9.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 22px;
  height: 10px;
  margin-top: 14px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fvignette.wikia.nocookie.net%2Fmemoryalpha%2Fimages%2F5%2F5e%2FWii.png%2Frevision%2Flatest%3Fcb%3D20100407030026%26path-prefix%3Den&f=1&nofb=1&ipt=4f1b661ca6827f8df543763b24dbf1755b26c4c4d0add44ae34747f6a950a746&ipo=images');
  background-size: 100% 100%;
}
 
.profile .table-section .heading{
  background: transparent !important;
}

.profile .table-section{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
}

.profile .table-section p{
  background: transparent;
  color: white;
  padding: 5px;
}
.profile .table-section td{
  background: transparent;
  color: white;
  padding-left: 5px;
  padding-top: 3px;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  border-radius: 2px;
  backdrop-filter: blur(14px);
  box-shadow: 0px 0px 5px black;
}
 
.profile .url-info{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
box-shadow: 0px 0px 15px black;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  background-image: url(https://media.tenor.com/9xyjWsUEOvYAAAAj/wii-sports-wii-spinning.gif);
  width: auto;
  height: 90px;
  background-position: top center;
  background-size: 30%;
  background-repeat: no-repeat;
}
.col.w-40:after{
  width: 100%;
  height: 40px;
  display: block;
  content: "";
  background-image: url("https://64.media.tumblr.com/32a5588ee110207d2845b3e19b3a738a/c21306bc65a11404-98/s400x600/53b45d467b2c5e5b048b8fb6cab517de645e9b4c.gifv");
  background-position: center center;
  background-size: cover;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 15px black;
}
.profile-info{
  border-style: solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
}
.blog-preview{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
  padding: 10px;
}
.profile .blurbs .heading{
  background: transparent !important;
  color: white;
}
.profile .blurbs{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white !important;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
}
.profile .blurbs h4{
  color: white !important;
  text-shadow: 0 0 9px black;
  padding: 8px;
}
.profile .friends .heading{
  background: transparent !important;
  color: white;
}
.profile .friends{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 2px;
  color: white;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.4));
  box-shadow: 0px 0px 15px black;
}
.profile .friends .person p{
  color: white;
}
#comments .heading{
  color: transparent !important;
  text-shadow: none;
  font-size: 1px;
}
.comments-table{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 4px;
  color: white;
  text-shadow: 0 0 9px black;
  background: transparent;
  backdrop-filter: blur(14px);
  padding: 5px;
}
.comments-table td{
  background: transparent;
  text-shadow: 0px 0px 9px black;
}
.comments-table .comment-replies{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 4px;
  color: white;
  margin: 3px;
}
.comments-table td button{
  background: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0.8));
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
}
.comments-table td button:hover{
  background: linear-gradient(rgba(255,255,255) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255,0.8) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255));
}
#comments button{
  background: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255,0.8));
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
}
#comments button:hover{
  background: linear-gradient(rgba(255,255,255) 0%, rgba(255,255,255,0.6) 25% , rgba(255,255,255,0.8) 52%, rgba(255,255,255,0.6) 80%, rgba(255,255,255));
}
footer{
  border-style:solid;
  border-width:1px;
  border-color: #ffffff;
  border-radius: 4px;
  color: white;
  font-family: Lexend;
  font-size: 13px;
  text-shadow: 0 0 9px black;
  background: linear-gradient(rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.4) 25% , rgba(255,255,255,0.0) 52%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0.6));
box-shadow: 0px 0px 15px black;
}
</style>
<style type="text/css">
*{
  cursor: url(https://cur.cursors-4u.net/games/gam-12/gam1113.cur), auto !important;
}
</style>
<a href="https://www.cursors-4u.com/cursor/2010/05/08/wii-pointer-1-tilt-normal.html" target="_blank" title="Wii Pointer #1 Tilt Normal"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Wii Pointer #1 Tilt Normal" style="position:absolute; top: 0px; right: 0px;" /></a>
<iframe width="0" height="0" src="https://www.youtube.com/embed/0eEWxzW2wJU//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Wii Sports Resort Main Theme" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
</iframe>

Gone Fishing

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
a:link{
  color: #A44A3F;
}
a:visited{
  color: #A44A3F;
}
a:hover{
  color: #F1AC8E;
}
a:active{
  color: #A44A3F;
}
.count{
  color: #F1AC8E;
}
.container{
  width: 900px !important;
}
body{
  background-image: url(https://images.pexels.com/photos/25491110/pexels-photo-25491110/free-photo-of-green-forest-by-a-lake.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: Lexend;
  font-size: 17px;
}
:root{
    	--logo-blue: #5ec997;
    	--darker-blue: #352970;
    	--lighter-blue: #FFFEEA;
    	--even-lighter-blue: #FFFEEA;
    	--lightest-blue: #FFFEEA;
    	--dark-orange: #fff;
    	--light-orange: ;
    	--even-lighter-orange: ;
    	--green: #000;
}
::-webkit-scrollbar{
  width: 15px;
}
::-webkit-scrollbar-track{
  background: #FFFEEA;
}

::-webkit-scrollbar-thumb{
  background: #D3DCA3;
  border: 2px outset;
}
::-webkit-scrollbar-thumb:hover{
  background: #D3DCA3;
}
main{
  background: transparent;
  margin: 10px auto 10px auto;
}
nav .top{
  margin-top: 10px;
  padding-left: 5px;
  border-bottom-style: groove;
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  font-weight: 600;
  font-size: 12px;
  color: #FFFEEA;
  border-style: groove;
  border-width: 1px;
  border-color: #FFFEEA;
  padding: 8px;
}
nav .links{
  border-bottom-style: groove;
  background-color: #F1AC8E;
  font-weight: 500;
  font-size: 15px;
  color: #FFFEEA;
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px !important;
  color: #ffffff !important;
  font-size: 13px;    
  padding: 5px;
  text-align: center;
  gap: 3px;
  justify-content: center;
}
nav .links a{
  color: #C3CB81;
  background: #FFFEEA;
  text-shadow: none;
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  padding: 4px;
}
nav .links a:hover{
  color: #FFFEEA;
  text-decoration: none;
  background-color: #D3DCA3 !important;
  border-style: inset;
}
nav .links{
  display: flex;
  width: 100%;
  color: #FFFEEA !important;
}
nav .links li:after{
  display: none !important;
}
nav .links .special a{
  color: #FFFEEA;
}
.details-table a{
  color: #ffffff;
}
#q{
  background-color: #FFFEEA;
  border-style: inset;
  border-width: 2px;
  border-color: #C3CB81;
  padding-bottom: 8px;
}
.top .right{
  margin: 10px;
}
.top .right a, .logout-form button, .top .center button, span h1{
  background-color: #FFFEEA !important;
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  padding: 4px !important;
  color: #C3CB81 !important;
  font-family: Lexend;
}
.top .right a, .logout-form button, .top .right button, span h1{
  padding: 5px !important;
  color: #C3CB81 !important;
  font-family: Lexend;
}
.top .center{
  display:flex;
  align-items: center;
  justify-content: center;
}
.edit-link{
  display: none;
}
h1, h2{
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.col.w-40.left h1{
  background: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  box-shadow: white 0 1px 1px 1px inset;
  color: #FFFEEA;
  font-size: 18px;
  font-weight: normal;
  text-shadow: white 0px 2px 5px;
  border: 1px solid #CBDFBD;
  border-bottom: 0;
  border-radius: 2px;
}
.profile h1{
  padding-left: 15px;
  font-family: Lexend;
  font-size: 12px;
}
.col.w-40.left .general-about p{
  margin: 0;
  background: #FFFEEA;
  font-weight: 500;
  color: #A44A3F;
}
.general-about{
  height: 178px;
  border-style: outset;
  border-width: 2px;
  border-color: #F6F4D2;
  padding: 3px;
  background: #FFFEEA;
  margin-top: 0;
  font-family: Lexend;
}
.general-about .profile-pic img{
  margin: 5px;
  height: 200px;
  border-style: inset;
  border-color: #F6F4D2;
}
.general-about .details{
  margin-top: 25px;
}
.mood{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  background: #FFFEEA;
  margin: 10px auto ;
}
.mood:before{
  display: block;
  padding-left: 10px;
  margin: 1px;
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  font-weight: 600;
  font-size: 12px;
  color: #FFFEEA;
  content: "Mood";
}
.mood p{
  font-family: Lexend;
  color: #A44A3F;
  padding: 5px 5px 0px 5px;
}
.contact{
  background: #FFFEEA;
  }
 .profile .contact{
  border-style: outset;
  border-width: 2px;
  border-color: #F6F4D2;
}
.profile .contact .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  padding: 2px 10px;
  margin: 1px;
}
.contact{
  background: #FFFEEA;
  }
 .profile .contact{
  border-style: outset;
  border-width: 2px;
  border-color: #F6F4D2;
}
.profile .contact .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  padding: 2px 10px;
  margin: 1px;
}
/* CONTACT ICONS */
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F036%2F391%2F957%2Foriginal%2Fai-generated-fishing-lure-with-hooks-on-transparent-background-free-png.png&f=1&nofb=1&ipt=228fcb0dc82e9888bbe82a9393a1b2eba65a698f7e6fead02c65295819b1d376&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-vector%2F20230930%2Fourmid%2Fpngtree-fishing-lure-lure-png-image_10091049.png&f=1&nofb=1&ipt=c6cf3a1e96a92abbb0bcde3db916e10072f951e44266008d61ff4a07507a03c8&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-clipart%2F20240322%2Foriginal%2Fpngtree-cute-fishing-lure-3d-render-png-image_14652807.png&f=1&nofb=1&ipt=60f5253776c932fab67fdf8270f9229ea239d36f897f5a334be577f3b22dee7f&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-vector%2F20240129%2Fourmid%2Fpngtree-fishing-lure-soft-bait-realistic-png-image_11514524.png&f=1&nofb=1&ipt=8a317c6f847126d43331bac38b1bc9034e823df77cf066f253cd8b7dd38404ae&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-vector%2F20231017%2Fourmid%2Fpngtree-cute-fishing-lure-3d-render-png-image_10200227.png&f=1&nofb=1&ipt=1d5517ad579070f67e684263f86d1c8ab0270e585169f0df4deef2a7cd847273&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-clipart%2F20231018%2Foriginal%2Fpngtree-cute-fishing-lure-3d-render-png-image_13342704.png&f=1&nofb=1&ipt=0b70f49cbfadf10abc550d997bef644b74cd5dfdda0a406ffd89bc1846249fde&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F913z8SwF83L.png&f=1&nofb=1&ipt=8f398635b881545d2a949ea86b1771b f665a9078016c53d27d7ea505dd38f4a2&ipo=images);
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpng.pngtree.com%2Fpng-clipart%2F20231018%2Foriginal%2Fpngtree-cute-fishing-lure-3d-render-png-image_13342702.png&f=1&nofb=1&ipt=e51545653e290c2cb7376d14975a275bebbd4f595856954550a5b87719eefc05&ipo=images);
  background-size: 100% 100%;
}
.profile .url-info{
  background: #D3DCA3;
  border-style: outset;
  border-width: 2px;
  border-color: #F6F4D2;
}
  .url-info p{
  font-family: Lexend;
  color: #FFFEEA;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpngimg.com%2Fuploads%2Fworms%2Fworms_PNG27.png&f=1&nofb=1&ipt=2e179844a3cac65484002b61659e6194c4b692f09087db347509fa9d594eb7ad&ipo=images);
  width: auto;
  height: 100px;
  background-position: center center;
  background-size: 60%;
  background-repeat: no-repeat;
}
.profile .url-info p{
  text-align: center;
}
.details-table{
  background: #D3DCA3;
}
.table-section{
background: #FFFEEA;
color: #C3CB81;
a:link{
  color: #A44A3F;
}
a:visited{
  color: #A44A3F;
}
a:hover{
  color: #A44A3F;
}
a:active{
  color: #A44A3F;
}
}
.profile .table-section{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
}
.profile .table-section .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  padding: 2px 10px;
  margin: 1px;
}
.home-actions{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
}
.home-actions .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  padding: 2px 10px;
  margin: 1px;
}
.details-table td{
  border-style: inset;
  border-color: #C3CB81;
  padding: 2px 2px;
  background-color: #FFFEEA;
}
.details-table p{
  font-family: Lexend;
  color: #A44A3F;
  background-color: #FFFEEA;
}
.col.w-40:after{
  width: 90%;
  height: 70px;
  padding: 20px;
  display: block;
  content: "";
  background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pngplay.com%2Fwp-content%2Fuploads%2F9%2FRainbow-Trout-Transparent-File.png&f=1&nofb=1&ipt=675e884452e54ceb1e587b7d5796ab230b555c12bb4a2367a98e304a3b7394f5&ipo=images);
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 600px){
  main:bef1re{
  height: 200px;
}
}
h3{
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}
.profile-info{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  background: #D3DCA3;
}
h4, h5, h6{
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.blog-preview{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  background: #FFFEEA;
}
.blog-preview h4{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 10px;
  margin: 1px;
}
.blog-preview p{
  margin: 5px;
  font-family: Lexend;
  color: #A44A3F;
  font-weight: 500;
}
.blurbs{
  background: #FFFEEA;
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
}
.profile .blurbs .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 10px;
}
.profile .blurbs .section h4{
  color: #A44A3F;
  padding: 0px;
  font-weight: 600;
}
.profile .blurbs .inner{
  font-family: Lexend;
  padding: 2 0;
}
p{
  color: #A44A3F;
  font-weight: 500;
}
.friends{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  background: #FFFEEA;
  margin-bottom: 20px;
}
.profile .friends .heading{
  background-image: linear-gradient(#FFFEEA 15%, #C3CB81, #D3DCA3);
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 10px;
}
.profile .friends .heading a{
  padding-right: 50px;
}
div.friends:nth-of-type(3) > div.inner:nth-child(2) > p:first-child > b:first-child{
  font-family: Lexend;
  color: #A44A3F;
  a:hover{
  color: #F1AC8E;
}
}
.profile .friends .inner{
  background: #FFFEEA;
}
#comments .inner{
  height: 443px;
  overflow: auto;
}
#comments > div.inner:nth-child(2) > p:first-child > b:first-child{
  font-family: Lexend;
  color: #A44A3F;
}
.comments-table td{
  border-style: inset;
  border-width: 2px;
  border-color: #C3CB81;
  border-width: 3px;
  font-family: Lexend;
}
.comments-table td *{
  font-family: Lexend;
  color: #A44A3F;
}
table.comments-table{
  display: block;height: 365px!important;
  overflow-y: scroll;
}
.comments-table .comment-replies{
  border-style: inset;
  border-color: #c3cb81;
  margin: 3px;
}
#comments button{
  background-color: #c3cb81 !important;
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  padding: 4px;
  color: #fffeea !important;
  font-family: Lexend;
}
#comments button:hover{
  border-style: inset;
  border-color: #c3cb81;
  color: #c3cb81 !important;
  background: #FFFEEA !important;
}
main:after{
  width: 100%;
  height: 30px;
  display: block;
  content: "";
  background-image: url(https://64.media.tumblr.com/69b9a01924a49e408da6bd9136a76d29/800ff2e4b74e0c64-87/s400x600/8bc4b9ad8c7c719b61907d7beab60d755c05af58.pnj);
  background-position: center center;
  background-repeat: repeat;
  background-size: auto;
}
@media only screen and (max-width: 600px){
main:bef1re{
height: 200px;
}
}
footer{
  border-style: outset;
  border-width: 2px;
  border-color: #FFFEEA;
  background: #FFFEEA;
  margin-bottom: 20px;
}
footer p{
  color: #A44A3F;
}
main:before{
  content: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpngimg.com%2Fuploads%2Fradio%2Fradio_PNG91626.png&f=1&nofb=1&ipt=9b40edc6ccb14abcc9f3f88a617f339e93d2549509e45f84d459e218818759e3&ipo=images);
position: fixed;
  bottom: 10;
  right: 0;
  transform: translateX(0.5vw) translateY(45vh);
  pointer-events: none;
}

*:hover{
cursor: url('https://i.imgur.com/PPWA7MK.png'), auto;
}
*:active{
  cursor: url('https://i.imgur.com/PPWA7MK.png'), auto;
}
*:hover{
cursor: url('https://i.imgur.com/PPWA7MK.png'), auto;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/78AyhdkcDBU?//?&;amp;;autoplay=1&;loop=1&;controls=1" title="I'm Gonna Miss Her" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Grocery Store

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue:  ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
  width: 900px !important;
  font-family: Lexend;
}
body{
  background: url('https://i.imgur.com/dbPjlKV.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  background-attachment: fixed;
}
.count{
  color: #D16354;
}
a{
  color: #5E947B;
}
a:hover{
  color: #8AC0A7;
  text-decoration: none;
}
main{
  background: rgb(235, 240, 229, 0.7);
  backdrop-filter: blur(10px);
  padding-top: 20px;
}
nav .top{
  background: transparent;
  backdrop-filter: blur(5px);
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-color: #EBF0E5;
  margin-top: 5px;
}
nav .top .center{
  font-size: 15px;
}
#q{
  font-family: Lexend;
  background: #EBF0E5;
  border-style: inset;
  border-width: 1px;
  border-radius: 5px;
  border-color: #EBF0E5;
  padding: 3px;
}
nav .center button{
  font-family: Lexend;
  background: #D16354;
  border-style: outset;
  border-width: 2px;
  border-radius: 5px;
  border-color: #D16354;
  padding: 3px;
  color: white;
}
nav .center button:active{
  border-style: inset;
}
nav .top .right a{
  background: #8AC0A7;
  border-style: outset;
  border-width: 2px;
  border-radius: 5px;
  border-color: #8AC0A7;
  padding: 3px;
}
nav .top .right a:hover{
  text-decoration: none;
}
nav .top .right a:active{
  border-style: inset;
}
nav .top .logout-form button{
  font-family: Lexend;
  background: #F9F6C6 !important;
  border-style: outset;
  border-width: 2px;
  border-radius: 5px;
  border-color: #F9F6C6;
  padding: 3px !important;
}
nav .top .logout-form button:hover{
  text-decoration: none;
}
nav .top .logout-form button:active{
  border-style: inset;
}
nav .links{
  text-align: center;
  background: transparent;
  backdrop-filter: blur(5px);
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-color: #EBF0E5;
  margin-top: 5px;
  margin-bottom: 5px;
}
nav .links a{
  color: #fff;
  font-size: 13px;
  text-shadow: none;
  padding: 5px;
}
nav .links a:hover{
  text-decoration: none;
  color: #8AC0A7;
}
nav .links li:after{
  display: none;
}
.profile-pic img{
  border-style: solid;
  border-width: 3px;
  border-radius: 10px;
  border-color: #5E947B;
  padding: 3px;
}
.profile h1{
  text-align: center;
  color: #5E947B;
}
.general-about{
  font-size: 15px;
  color: #D16354;
  padding: 10px;
  background: #EBF0E5;
  border-radius: 5px;
  height: 180px;
}
.mood{
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.mood:after{
  width: 100%;
  height: 80px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F1.bp.blogspot.com%2F-d9DRRYKxnP4%2FXjDW5tPg9AI%2FAAAAAAABq-g%2FHbRZoDOXQAsleAOu3skZmHb3FR_kg5HlwCLcBGAsYHQ%2Fs1600%2FGrocery%252Bcoupons%252B7.jpg&f=1&nofb=1&ipt=17d2b1818ec94c16e213105139858c1450d45d3e6cf424dc210ee2bd4b7eabc8&ipo=images');
  background-position: top center;
  background-size: 330px 240px;
}
.contact .heading{
  color: #D16354 !important;
}
.contact{
  background: #F9F6C6;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 5px;
}
.contact a{
  background: white;
  border-radius: 3px;
  padding: 3px;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/6ba0476806e5f007b0dd4e7a96011171/5d83c435eced5c57-b5/s250x400/444ba85f2a05a5c35fcfc0062e5e051d313f6c47.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/02138a99f639d93f0bdc8f7e87637d36/5ce7172d77b1d903-ab/s250x400/92d8e3338ad10b5d1ee5d086e0bebc332483c92b.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/23fa5c19fb3e8cf2eba5e4173789ed35/5da93ab2c44d8c56-96/s250x400/e949242ca3503e8fc3b9c193700a26d04c454942.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/d38cec9bae3d7506734b4792bc8005ad/813541aa651ca99e-52/s250x400/336560c9975a46572cb45b0c136e1b8f53b09160.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/3acec5ca5b9b0448f39015d930507698/49cd75f7079abe9f-90/s250x400/908967ceef71f1eaee37f0ef68b78cee3df8bc15.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/8f0e0012275257ab12a776a46ca1a2cc/e5a00ca45f9c052a-e1/s250x400/459b7d75a01a6ed8902191a7765c374ee39e09b5.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/49256d550e1c28a3af848e0d16e7d96e/5ce7172d77b1d903-bf/s250x400/01fddd205f3b2d24e88a43a9172a9fffb01b553c.pnj');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('https://64.media.tumblr.com/6e345687b559ea57dde83ec4174796c2/0a0615d0c71308d3-43/s250x400/e83a13295b13470c4c1da5d952426ca68e769da1.pnj');
  background-size: 100% 100%;
}
.profile .url-info{
  text-align: center;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 5px;
}
.profile .url-info p:last-child:after{
  width: 100%;
  height: 200px;
  display: block;
  content: "";
  background-image: url('https://i.imgur.com/3JSZIju.png');
  background-position: center center;
  background-size: 336px 200px;
  margin-top: 10px;
}
.profile .table-section .heading{
  color: #D16352;
}
.profile .table-section{
  background: #F9F6C6;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 5px;
}
.profile .table-section p{
  color: #5E947B;
}
.profile .table-section td{
  background: white;
  border-radius: 3px;
  padding: 5px;
}
.col.w-40:after{
  content: "";
  display: block;
  background-image: url('https://64.media.tumblr.com/7fc117de9f2c355bd631cf5052d3863a/a5b979b47296914f-fa/s250x400/8cf2f571f01d2cd4faeaaba8f381ae603a4fa256.pnj');
  width: auto;
  height: 300px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
  margin-top: 20px;
}
.profile-info{
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 10px;
  color: white;
}
.blog-preview h4{
  color: #D16354;
}
.blog-preview{
  background: #F9F6C6;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 10px;
}
.blog-preview p{
  padding-top: 5px;
}
.profile .blurbs .heading{
  color: #D16354;
}
.profile .blurbs .inner h4{
  color: #5E947B;
  padding-bottom: 5px;
}
.profile .blurbs{
  background: #EBF0E5;
  border-radius: 5px;
  padding: 5px;
}
.profile .friends .heading{
  color: #5E947B;
}
.profile .friends{
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  border-color: #EBF0E5 !important;
  padding: 5px;
  margin-bottom: 10px;
}
.profile .friends .person p{
  color: #F9F6C6;
}
.profile .friends .person img{
   -webkit-mask-image: url(https://64.media.tumblr.com/3f2879e2716b6bb17916269874ef14b9/a5b979b47296914f-8d/s250x400/ebc38d3cabc0fb583708aab7ab49fa8d07d59e8b.pnj);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#comments{
  background: #EBF0E5;
}
#comments .count{
  color: #5E947B;
}
#comments .heading{
  color: #D16354;
}
.comments-table{
  background: #F9F6C6;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  border-color: white;
}
.comments-table td{
  border-style: solid;
  border-width: 3px;
  border-color: #EBF0E5;
  padding: 5px;
}
.comments-table td img{
  border-radius: 5px;
}
.comments-table td button{
  background: #8AC0A7 !important;
  border-color: #8AC0A7 !important;
  color: white;
  font-family: Lexend;
}
.comments-table td button:active{
  border-style: inset !important;
  border-color: #8AC0A7 !important;
}
#comments button{
  background: #D16354;
  border-style: outset;
  border-width: 2px;
  border-radius: 5px;
  border-color: #D16354;
  padding: 3px;
  color: white;
  font-family: Lexend;
}
#comments button:active{
  border-style: inset;
}
table.comments-table{
  display: block;
  height: 300px!important;
  overflow-y: scroll;
}
.col.right:after{
  width: 100%;
  height: 100px;
  display: block;
  content: "";
  background-image: url('https://64.media.tumblr.com/3f2879e2716b6bb17916269874ef14b9/a5b979b47296914f-8d/s250x400/ebc38d3cabc0fb583708aab7ab49fa8d07d59e8b.pnj');
  background-position: center center;
  background-size: 103px 103px ;
}
footer{
  background: url('https://i.imgur.com/momzjjQ.png');
  background-size: 200px;
  background-position: center center;
  backdrop-filter: blur(5px);
  padding: 15px;
  border-style: solid;
  border-width: 3px;
  border-color: #EBF0E5;
  border-radius: 5px;
}
footer a:hover{
  text-decoration: none;
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/GAI7EX5QJUw?autoplay=1&loop=1&playlist=GAI7EX5QJUw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="">
</iframe>

PictoChat

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>

:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
  font-family: MS PGothic;
}
body{
  background: url(https://paperchat.net/backgrounds/top-home-bg.png);
}
.count{
  color: #000;
}
a{
  color: #000;
}
a:hover{
  text-decoration: none;
  color: #6F7378;
}
main{
  background: url(https://paperchat.net/backgrounds/options-bg.png);
  background-size: contain;
  border: 2px solid #6F7378;
  border-radius: 5px;
}
nav{
  background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb80se-0815a358-a3df-456c-b7bf-9ebe28625d5c.png/v1/fit/w_500,h_234,q_70,strp/nintendo_ds_button_gradient_by_bellilou42_djb80se-375w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MjM0IiwicGF0aCI6IlwvZlwvZjhjM2MwNTEtY2EzYy00MWE4LTg5ZmYtODU1ZGU3Y2I1YzYxXC9kamI4MHNlLTA4MTVhMzU4LWEzZGYtNDU2Yy1iN2JmLTllYmUyODYyNWQ1Yy5wbmciLCJ3aWR0aCI6Ijw9NTAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.4BAmBKY4RUqjMNcchjTFd8_Dug8VfasBF44Hwbgotmk);
  background-size: contain;
  border: 2px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #000;
  margin-top: 5px;
  margin-bottom: 20px;
}
nav .top .center{
  color: #000;
}
nav .top .logo{
  -webkit-filter: invert(1);
   filter: invert(1);
}
#q{
  font-family: MS PGothic;
  border: 1px solid #000;
  border-radius: 4px;
  background: #fff;
}
nav .center button{
  font-family: MS PGothic;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 4px;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 2px;
}
nav .center button:hover{
  background: #d3d3d3;
}
nav .center button:active{
  background: #d3d3d3;
}
nav .top .right a{
  font-family: MS PGothic;
  color: #000;
}
nav .top .logout-form button{
  font-family: MS PGothic;
  color: #000;
}
nav .links{
  text-align: center;
}
nav .links a{
  text-shadow: none;
  color: #000;
  padding: 3px;
}
nav .links a:hover{
  text-decoration: none;
  color: #fff;
}
nav .links a:active{
  color: #fff;
}
.profile h1{
  color: #000;
  text-transform: uppercase;
  background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb80se-0815a358-a3df-456c-b7bf-9ebe28625d5c.png/v1/fit/w_500,h_234,q_70,strp/nintendo_ds_button_gradient_by_bellilou42_djb80se-375w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MjM0IiwicGF0aCI6IlwvZlwvZjhjM2MwNTEtY2EzYy00MWE4LTg5ZmYtODU1ZGU3Y2I1YzYxXC9kamI4MHNlLTA4MTVhMzU4LWEzZGYtNDU2Yy1iN2JmLTllYmUyODYyNWQ1Yy5wbmciLCJ3aWR0aCI6Ijw9NTAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.4BAmBKY4RUqjMNcchjTFd8_Dug8VfasBF44Hwbgotmk);
  background-size: contain;
  border: 2px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #000;
  padding-left: 5%;
}
.profile-pic img{
  border-radius: 4px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #000;
}
.mood{
  background: #000;
  border: 1px solid #ffea2f;
  border-radius: 20px;
  box-shadow: 0 0 0 3px #000;
  color: #fff;
  text-align: center;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.mood a{
  color: #ffea2f;
}
.contact .heading{
  width: fit-content;
  background: #bcc8e6 !important;
  color: #5472be !important;
  border: 2px solid #5472be;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 5px 0;
}
.contact{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  );
  border: 2px solid #5472be !important;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8e0m-5357ca37-116f-4beb-a0b3-7d0027a605b6.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGUwbS01MzU3Y2EzNy0xMTZmLTRiZWItYTBiMy03ZDAwMjdhNjA1YjYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.PpKSlyNHEg-5aF3AEZqmMi5LusuyN0h-CT7sDrgmmOw');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dj3-0465bffa-f351-4b25-a97f-78aaa3ded2d1.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRqMy0wNDY1YmZmYS1mMzUxLTRiMjUtYTk3Zi03OGFhYTNkZWQyZDEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.HL-R6OlctDeGGwOUT9_zcGrtTZ1bUUhuhsw7s0DFb4g');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8djh-438b421e-bf8d-49eb-a735-2f4a7c4b02d2.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRqaC00MzhiNDIxZS1iZjhkLTQ5ZWItYTczNS0yZjRhN2M0YjAyZDIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.l3GNcgMgsleNfKh7BvU4846a572WnZFL3_Q_e_Hyl6c');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dki-f6802f96-ae92-455b-bec0-56b20a9e26f7.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRraS1mNjgwMmY5Ni1hZTkyLTQ1NWItYmVjMC01NmIyMGE5ZTI2ZjcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rMhKynuYDpwA4FB2eMXuh3aSpUedGZ6aPH_TqpPWORU');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dk5-279a161c-8d74-44d4-b7ac-f4b4f916a0af.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRrNS0yNzlhMTYxYy04ZDc0LTQ0ZDQtYjdhYy1mNGI0ZjkxNmEwYWYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JfMRGcuXkiJyo-4PCOCTtJaExtLSFofC9s0EVJl8jsk');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dlk-c825d2ee-9b21-4db6-8801-f9838f9c9d0a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRsay1jODI1ZDJlZS05YjIxLTRkYjYtODgwMS1mOTgzOGY5YzlkMGEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.AxN3eLHFVsPjAzysGVLGy78Ug14y022aAG-C3EUthHk');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dl4-80e4183e-2e78-4a33-93ab-3580eef9ca30.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRsNC04MGU0MTgzZS0yZTc4LTRhMzMtOTNhYi0zNTgwZWVmOWNhMzAucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.UQHc5oPwvrZJAB2iURWuT0fKswq_IMHgOemckLmWvPQ');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb8dhw-f714edaf-dd74-4ec8-aef6-290750c5620c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4YzNjMDUxLWNhM2MtNDFhOC04OWZmLTg1NWRlN2NiNWM2MVwvZGpiOGRody1mNzE0ZWRhZi1kZDc0LTRlYzgtYWVmNi0yOTA3NTBjNTYyMGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ORfCE_B18vMvN0QqLky7FR5NlqwEsjDd_xI_G0D1I24');
  background-size: 100% 100%;
}
.profile .url-info{
  text-align: center;
  background: #000;
  border: 1px solid #ffea2f;
  border-radius: 20px;
  box-shadow: 0 0 0 3px #000;
  color: #fff;
  padding: 10px;
}
.profile .table-section .heading{
  width: fit-content;
  background: #bcc8e6;
  color: #5472be;
  border: 2px solid #5472be;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 5px 0;
}
.profile .table-section{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  );
  border: 2px solid #5472be;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff;
}
.profile-info{
  background: #000;
  border: 1px solid #ffea2f;
  border-radius: 20px;
  box-shadow: 0 0 0 3px #000;
  color: #fff !important;
}
.profile-info a{
  color: #fff !important;
}
.blog-preview h4{
  width: fit-content;
  background: #bcc8e6;
  color: #5472be;
  border: 2px solid #5472be;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 5px 0;
  padding-left: 8px;
  padding-right: 5px;
  margin-top: 0;
}
.blog-preview p{
  padding: 5px;
}
.blog-preview{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  );
  border: 2px solid #5472be;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff;
}
.profile .blurbs .heading{
  width: fit-content;
  background: #bcc8e6;
  color: #5472be;
  border: 2px solid #5472be;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 5px 0;
}
.profile .blurbs{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  );
  border: 2px solid #5472be;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff;
}
.profile .friends .heading{
  width: fit-content;
  background: #bcc8e6;
  color: #5472be;
  border: 2px solid #5472be;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 5px 0;
}
.profile .friends .heading a{
  padding-left: 20px;
}
.profile .friends{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  );
  border: 2px solid #5472be;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #fff;
}
.profile .friends .person p{
  color: #000;
}
.profile .friends .person img{
  border-radius: 4px;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #000;
}
.profile .friends .person img:hover{
  border-width: 2px;
}
#comments{
  margin-top: 20px;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
}
#comments .heading{
  width: 100% !important;
  color: #000;
  background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f8c3c051-ca3c-41a8-89ff-855de7cb5c61/djb80se-0815a358-a3df-456c-b7bf-9ebe28625d5c.png/v1/fit/w_500,h_234,q_70,strp/nintendo_ds_button_gradient_by_bellilou42_djb80se-375w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MjM0IiwicGF0aCI6IlwvZlwvZjhjM2MwNTEtY2EzYy00MWE4LTg5ZmYtODU1ZGU3Y2I1YzYxXC9kamI4MHNlLTA4MTVhMzU4LWEzZGYtNDU2Yy1iN2JmLTllYmUyODYyNWQ1Yy5wbmciLCJ3aWR0aCI6Ijw9NTAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.4BAmBKY4RUqjMNcchjTFd8_Dug8VfasBF44Hwbgotmk);
  background-size: contain;
  border: 2px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #000;
}
.comments-table{
  border: none;
}
.comments-table td{
  background: repeating-linear-gradient(
	#bcc8e6 2px,
	#fff 2px 18px,
	#bcc8e6 18px 20px
  ) !important;
  width: 205%;
}
<!-- Modern Comments by Taylor Robinson (https://layouts.spacehey.com/layout?id=16935) -->
.comments-table{
  border:none
}
.comments-table td{
  background:none;
  border:none;
  vertical-align:top;
  display:block;
}
.comments-table td:nth-child(odd){
  border: 2px solid #5472be;
  border-bottom: none;
  border-radius: 10px 4px 0 0;
}
.comments-table td:first-child{
  background:none;
  text-align:center;font-weight:bold;
  width:205%;
  display:flex;
  padding: 0;
}
.comments-table td:first-child a:not(:first-child){
  order:1;
}
.comments-table td:first-child a:not(:first-child) img:not(.icon){
  aspect-ratio:1/1;
  height:30px;
  width:auto;
  border-width:10px
}
.comments-table td:first-child a:first-child{
  order:2;
  vertical-align:center;
  font-weight:900;
  background: #bcc8e6;
  color: #5472be;
  border: 2px solid #5472be;
  border-top: none;
  border-left: none;
  border-radius: 10px 0 10px 0px;
  padding: 5px 5px 0 5px;
  min-width: 140px;
}
.comments-table td>p:first-child>b>time{
  margin-left:34px;
  margin-top:-1.7em;
  font-weight:500;
  font-size:90%
}
.comments-table td>p:nth-child(1){
  margin:0;
}
.comments-table td .comment-replies{
  border:none
}
/*# sourceMappingURL=modern-comments.css.map */

.comments-table td{
  border: 2px solid #5472be;
  border-top: none;
  border-radius: 0 0 4px 4px;
}  
.comments-table td img{
  display: none;
}
.comments-table .report a{
  background: none;
  color: #000;
  border: none;
}
#comments button{
  font-family: MS PGothic;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 4px;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: px;
}
#comments button:hover{
  background: #d3d3d3;
}
table.comments-table{
  display: block;
  height: 300px!important;
  overflow-y: scroll;
}
footer{
  background: #000;
  border: 1px solid #ffea2f;
  border-radius: 20px;
  box-shadow: 0 0 0 3px #000;
  color: #fff;
}
footer a{
  color: #ffea2f;
}
</style>
<style type="text/css">*{ cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoCAAAFgAAACgAAAAgAAAAQAAAAAEACAAAAAAAAAQAAAAAAAAAAAAAAAEAAAAAAABfX18AAAAAAAkJCQA9PT0AcXFxAB4dHgBGRkYAJCQkAAICAgALCwsAMzQzAD8/PwBISEgAx83HACYmJgBaWloAlZiVAGZlZgBjY2MABAQEAGxsbABBQUEAFhYWAHV1dQCRk5EAeHp4AAYGBgA6OjoAbm5uAExMTAAqKioAZ2dnAAgICAA8PDwALS8tAE5OTgBzdXMAv7+/AAEBAQA+Pj4AcnJyABwcHAADAwMAa2trAHR0dAAVFRUASUlJAJCSkADc3NwAbW1tAEJCQgAXFxcAamtqAEtLSwAgICAAc3RzAGZmZgAHBwcAOzs7AG9vbwA4OTgAo6OjALrAugBWVlYAkZSRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBAQEBAQEJCQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBISccAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASQ/Cz8BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT0rCgw7EwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASsyFR8qAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBJQAjLikBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBATMlOCMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIgQzAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEZLBYBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBFz0BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE8QDkBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQErCQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQETEA8hAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQElGgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBJTEzAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBARMlNRsBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIBIGHAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAR03FAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIyUoAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQELJSYUAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT0SCDABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEHPhEOAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQcvAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBGTQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENKwIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBGhgFOgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBPRMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBNQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEtKx4BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBNj0BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf+H////A////wP///4D///+B////gf///4P///8H////D////w////8P///+H////h////4f///8P////D////w////4f///+H////h////wf///8P////H////h////4f///+H////D////w////8P////H////x////8/////'), auto; }</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/sl2fzzFQXg0?//?&;amp;;autoplay=1&;loop=1&;controls=1" title="DS Startup" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Optional Single Column

<style>
.container{
  width: 500px !important;
}
.profile{
  display:flex;
  flex-direction: column;
  overflow-y: auto;
}
.profile .left{
  width: 100% !important;
}
.profile-pic{
   width: 100% !important;
}
.general-about{
  text-align: center !important;
}
h1{
  text-align: center !important;
}
</style>

Moomin

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
  width: 850px !important;
  font-family: Lexend;
}
body{
  background: url('https://i.pinimg.com/736x/ba/ca/70/baca70d99d3a96427d74538773ab380d.jpg');
  background-size: cover;
  background-position: bottom center;
  background-attachment: fixed;
}
.count{
  color: #8CAC7B;
}
a{
  color: #8CAC7B;
}
a:hover{
  text-decoration: none;
  color: #D8604B;
}
main{
  background: #284848;
  border: 10px solid #284848;
  border-radius: 0 0 50px 50px;
}
.logo{
  content: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwhatthelogo.com%2Fstorage%2Flogos%2Fmoomin-10347.png&f=1&nofb=1&ipt=c5ef68dddb7c03fe3882c91a2c5f87670e03afb0d8aa261e3f636512c27d96cb&ipo=images);
  width: 165px !important;
  height: 80px !important;
  padding-left: 10px;
}
nav .top{
  background: #284848;
  border-radius: 50px 50px 0 0;
}
nav .top .center{
  font-family: Lexend;
  color: #8CAC7B;
}
#q{
  background: #FFF1C2;
  border: 2px dotted #284848;
  border-radius: 5px;
  font-family: Lexend;
  padding: 3px;
}
nav .center button{
  font-family: Lexend;
  background: #8CAC7B;
  border: none;
  border-radius: 5px;
  color: #FFF1C2;
  padding: 5px;
}
nav .center button:hover{
  background: #D8604B;
}
nav .center button:active{
}
nav .top .right a{
  font-family: Lexend;
  color: #8CAC7B;
}
nav .top .right a:hover{
  text-decoration: none;
  color: #D8604B;
}
nav .top .logout-form{
  padding-right: 20px;
}
nav .top .logout-form button{
  font-family: Lexend;
  color: #8CAC7B;
}
nav .top .logout-form button:hover{
  text-decoration: none;
  color: #D8604B;
}
nav .links{
  text-align: center;
  background: #284848;
}
nav .links a{
  text-shadow: none;
  color: #FFF1C2;
  font-weight: bold;
  padding: 3px;
  font-size: 13px;
}
nav .links a:hover{
  text-decoration: none;
  color: #D8604B;
}
nav .links li:after{
  display: none;
}
.profile h1{
  text-align: center;
  color: #8CAC7B;
}
.profile-pic img{
  -webkit-mask-image: url(https://64.media.tumblr.com/6d7801af8c635aa7b614cf4922d3a0c6/ce5fcbc5b52215c6-e7/s250x400/7d5eda6971b6efd13aba0b6412327145dafe4170.pnj);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.general-about{
  color: #FFF1C2;
}
.mood{
  background: #FFF1C2;
  border: 2px dotted #284848;
  border-radius: 10px;
  color: #284848;
  padding: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}
.contact .heading{
  color: #D8604B !important;
}
.contact{
  border: none !important;
  padding-bottom: 10px;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fassets.moomin.com%2Fuploads%2F2015%2F04%2Fmoomintroll.png&f=1&nofb=1&ipt=66062700c9d82f33ea3287fa1f0f87393c531ea70651a52341243d369919cc72&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F16%2Fbc%2Fa4%2F16bca4148519ec45987fadcbd65d27f1.png&f=1&nofb=1&ipt=3a901a21801761b0c09b473d3a06af3bb501b0f926d159104fee001d09849498&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcoloringnation.com%2Fcoloring%2FKin%2Fgrp%2FKingrppRT.png&f=1&nofb=1&ipt=0893c257204d3a6df072492a1223eed3c288295ca12c37b26076b9941d712642&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F7b%2Ffe%2F70%2F7bfe703e7489f3e1b5a5371c1555d3b3.png&f=1&nofb=1&ipt=1844546c293a774ecab590088b7cf4ff939a4f7c1aa2a50f85c7859a7a4b5dbd&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F68%2Fb4%2F09%2F68b4093e2f8a868e2d1e35213f407b0c.png&f=1&nofb=1&ipt=4e1854f90d3696c2fafb722d0c5e4e6d389f8e702896672e87f26e2c99ff91f1&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.wikia.nocookie.net%2Fmoomin%2Fimages%2F9%2F91%2FE211cc993d6ea58856b267f6ae4ce146.png%2Frevision%2Flatest%2Fscale-to-width-down%2F185%3Fcb%3D20200112220835&f=1&nofb=1&ipt=a701fedc6aa4d264b51ff9bcb5db51b15e90071457e93b2ac2b7241fcbf3386a&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fcc%2Fb8%2F61%2Fccb861d24bda8f987fb185417d9932f4.png&f=1&nofb=1&ipt=9f6c758131aa3d2cdbd65c90bf3362694261c746feba17575e2c1e13715970ea&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F2b%2F2d%2F59%2F2b2d594b6c23142e8f43ed0ef3f2ed9c.png&f=1&nofb=1&ipt=dc75764f8f2c9bb485250200e6deaf21b42597c5e51d079878381c35c3cd09c0&ipo=images');
  background-size: 100% 100%;
}
.profile .url-info{
  text-align: center;
  color: #D8604B;
  border: 2px dashed #FFF1C2;
  border-radius: 50px;
  padding-top: 10px;
  margin-bottom: 20px;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F72%2F73%2F3a%2F72733abc933e134eee486a25fab023af.png&f=1&nofb=1&ipt=fea0df5c3f8f5e7416d3729e5cb01a47f769d7bd558e9fad16f2118914a1a5af&ipo=images');
  width: auto;
  height: 180px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.profile .table-section .heading{
  color: #D8604B;
}
.profile .table-section{
  background: #8CAC7B;
  border: none;
  border-radius: 10px;
  padding: 3px;
  margin-bottom: 20px;
}
.profile .table-section td{
  background: #FFF1C2;
  border: 2px dotted #8CAC7B;
  border-radius: 5px;
  color: #284848;
  padding: 5px;
}
.col.w-40:after{
  width: 100%;
  height: 250px;
  display: block;
  content: "";
  background-image: url('https://i.pinimg.com/originals/89/ee/94/89ee9456009d21a45b86bf746853c5ae.gif');
  background-position: center center;
  background-size: 380px 250px;
  border-radius: 50px;
}
.profile-info{
  background: #8CAC7B;
  border: 2px dotted #284848;
  border-radius: 10px;
  color: #FFF1C2;
}
.blog-preview h4{
  color: #D8604B;
  padding: 5px;
}
.blog-preview{
  color: #FFF1C2;
}
.profile .blurbs .heading{
  color: #D8604B;
}
.profile .blurbs{
  color: #FFF1C2;
}
.blurbs:after{
  width: 100%;
  height: 150px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fa5%2Fec%2F7a%2Fa5ec7a0d9129eb5e536f64d5ec69f2cd.gif&f=1&nofb=1&ipt=5b996894863ea68c69621c5138084f7ec663668d3d3956f2e30cc5e832b2b787&ipo=images');
  background-position: center center;
  background-size: 500px 300px;
  border-radius: 30px;
  margin-bottom: 10px;
}
.profile .friends .heading{
  color: #D8604B;
}
.profile .friends{
  background: #FFF1C2;
  color: #284848;
  border-radius: 30px;
  padding: 15px;
  margin-bottom: 20px;
}
.profile .friends .person p{
  color: #D8604B;
}
.profile .friends .person img{
  border-radius: 20px;
}
.profile .friends .person img:hover{
  border: 3px solid #FFF1C2;
}
.comments-table{
  border: 3px dotted #8CAC7B;
}
.comments-table td{
  border: none;
}
.comments-table td img{
  border-radius: 20px;
}
.comments-table .report img{
  border-radius: 0;
}
.comments-table .comment-replies{
  border: 3px dashed #D8604B;
}
#comments button{
  font-family: Lexend;
  background: #8CAC7B;
  border: none;
  border-radius: 5px;
  color: #FFF1C2;
  padding: 5px;
}
#comments button:hover{
  background: #D8604B;
}
table.comments-table{
  display: block;
  height: 250px!important;
  overflow-y: scroll;
}
.col.right:after{
  width: 100%;
  height: 350px;
  display: block;
  content: "";
  background-image: url('https://i.pinimg.com/736x/9e/d8/4c/9ed84c14483fe4111819fb3db8b79249.jpg');
  background-position: center center;
  background-size: 500px 350px;
  border-radius: 50px;
}
footer{
  background: #FFF1C2;
  border-radius: 50px 50px 0 0;
  color: #284848;
  font-weight: bold;
}
main:before{
  width: 100%;
  height: 250px;
  display: block;
  content: "";
  background-image: url('https://i.pinimg.com/736x/1d/cf/8b/1dcf8bf3879dfe5848626d98f3922c7e.jpg');
  background-position: center center;
  background-size: 850px 250px;
  border-radius: 10px;
}
footer:after{
  width: 100%;
  height: 220px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ffinlandtoday.fi%2Fwp-content%2Fuploads%2Fft-moomin-characters-1400x369.png&f=1&nofb=1&ipt=d5993a265ef754e067a1acb4843a300630b7122a323a7c12e1e7fedef53038a9&ipo=images');
  background-position: center center;
  background-size: 850px 220px;
}
</style>
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat846.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat846.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/04/20/cute-brown-spinning-flower.html" target="_blank" title="Cute Brown Spinning Flower"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Brown Spinning Flower" style="position:absolute; top: 0px; right: 0px;" /></a>

Heartstopper

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: #FFEBBE;
--darker-blue: #3F6C69;
--lighter-blue: #F5B8AF;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
  width: 850px !important;
  font-family: Lexend;
}
body{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2F736x%2F5f%2Fd0%2F22%2F5fd022eb251ac41805c4645582e616fc.jpg&f=1&nofb=1&ipt=3389e896f864f4734682c6e6c8708b74b4768de794c3e1acafd4403ac6b83f19&ipo=images');
  background-repeat: repeat;
  background: position: center center;
  background-attachment: fixed;
}
.count{
  color: #F5B8AF;
}
a{
  color: #3F6C69;
}
a:hover{
  text-decoration: none;
  color: #FFEBBE;
}
main{
  background: #C0E0E7;
  border: 2px solid #000;
  border-radius: 0 0 3px 3px;
}
.logo{
  content: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fheartstopperwiki.neocities.org%2Fimg%2Flogo.png&f=1&nofb=1&ipt=84eea4b27a5731144de65407528aaaa8df57d4fa872ee4600c67582fd6740886&ipo=images);
  width: 200px !important;
  height: 60px !important;
}
nav .top{
  border: 2px solid #000;
  border-radius: 3px 3px 0 0;
}
nav .center{
  color: #000;
}
#q{
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
nav .center button{
  font-family: Lexend;
  background: #A1E3C3;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
nav .center button:hover{
  background: #F5B8AF;
}
nav .top .right a{
  font-family: Lexend;
  color: #000;
}
nav .top .right a:hover{
  text-decoration: none;
  color: #3F6C69;
}
nav .top .logout-form button{
  font-family: Lexend;
  color: #000;
}
nav .top .logout-form button:hover{
  text-decoration: none;
  color: #3F6C69;
}
nav .links{
  text-align: center;
  bordeR: 2px solid #000;
  border-top: none;
  border-bottom: none;
}
nav .links a{
  text-shadow: none;
  color: #fff;
  font-weight: bold;
  padding: 3px;
}
nav .links a:hover{
  text-decoration: none;
  text-shadow: none;
  color: #000;
}
.profile h1{
  color: #3F6C69;
}
.profile-pic img{
  border: 4px solid #000;
  border-radius: 3px;
}
.mood{
  padding: 10px;
}
.contact .heading{
  background: none !important;
  color: #000 !important;
}
.contact{
  background: #fff;
  border: 2px solid #000 !important;
  border-radius: 3px;
  padding: 5px;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/mOYHqC2.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/2d58u67.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/di7mpX9.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/wy9950N.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/JsIs9rv.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/6ugEeqB.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/JlJTf7L.png');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://i.imgur.com/NuTxuFS.png');
  background-size: 100% 100%;
}
.profile .url-info{
  text-align: center;
  border: none;
  color: #3F6C69;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fea%2F5f%2F26%2Fea5f2608039723f8c9adc3f31079c371.png&f=1&nofb=1&ipt=764f2e6f79134f28449c9ef749482f2ede2d44abfd3d9b9843b65754bdd1670c&ipo=images');
  width: auto;
  height: 340px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.profile .table-section .heading{
  background: none;
  color: #000;
}
.profile .table-section{
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
.profile .table-section td{
    border-bottom: 2px solid #C6E796;
}
.profile .table-section p{
  color: #3F6C69;
  padding: 5px;
}
.col.w-40:after{
  width: 100%;
  height: 320px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fcf%2F60%2F07%2Fcf60073c2936a61b17a7ce00efd7a68d.png&f=1&nofb=1&ipt=a66ee3dd340462994a084634a9574673e597517c1b948efa01ff3e91c8b864a9&ipo=images');
  background-position: center center;
  background-size: 320px 320px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.profile-info{
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 10px;
}
.blog-preview h4{
  padding-bottom: 5px;
}
.blog-preview{
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 10px;
}
.profile .blurbs{
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
.profile .friends{
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
.profile .friends .person p{
  color: #C6E796;
}
.profile .friends .person img{
  border: 2px solid #000;
  border-radius: 3px;
}
#comments{
  margin-top: 20px;
}
.comments-table{
  border: 2px solid #000;
  background: #A1E3C3;
}
.comments-table td{
  border: none;
  border-bottom: 2px solid #000;
}
.comments-table .comment-replies{
  border: 2px solid #3F6C69;
}
.comments-table td img{
  border: 2px solid #000;
}
.comments-table .report img{
  border: none;
}
.comments-table td button{
  font-family: Lexend;
  background: #F5B8AF !important;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
.comments-table td button:hover{
  background: #FFEBBE !important;
}
#comments button{
  font-family: Lexend;
  background: #FFEBBE;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 5px;
}
#comments button:hover{
  background: #C0E0E7;
}
table.comments-table{
  display: block;
  height: 250px!important;
  overflow-y: scroll;
}
.col.right:after{
  width: 100%;
  height: 700px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic01.nytimes.com%2Fnewsgraphics%2F2022-12-28-heartstopper%2Fc93359db6484d3497aeff50a783527b3651c4254%2F_big_assets%2Fimages%2Ftopart-720.png&f=1&nofb=1&ipt=35404f1d1980be79d1ff94e849d826da99845d14abcc986d32ef0555fc8da2ef&ipo=images');
  background-position: center center;
  background-size: 460px 700px;
  margin-top: 30px;
}
footer{
  background: #A1E3C3;
  border: 2px solid #000;
  border-radius: 3px;
}
main:before{
  width: 100%;
  height: 170px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fespaciorebeldia.files.wordpress.com%2F2023%2F08%2Fbeige_heartstopper_leaf_background-removebg-preview.png%3Fw%3D628&f=1&nofb=1&ipt=5d1ff03d5834b9e10ed3ff83b7c6f563626b2a76a582aaaad1588367cb3040ef&ipo=images');
  background-position: center center;
  background-size: 400px 170px;
}
main:after{
  width: 100%;
  height: 450px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi0.wp.com%2Fwww.comicsbeat.com%2Fwp-content%2Fuploads%2F2019%2F12%2Fheartstopper-vol-1.jpg%3Ffit%3D1806%252C1016%26ssl%3D1&f=1&nofb=1&ipt=8d1ffd274523ce82ffc48797d3fdbf4db32087dfb388a4ca0c56b0784c487ca9&ipo=images');
  background-position: center center;
  background-size: 850px 450px;
  border-top: 2px solid #000;
}
</style>
<style type="text/css">*{ cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAIACACoCAAAFgAAACgAAAAgAAAAQAAAAAEACAAAAAAAAAQAAAAAAAAAAAAAAAEAAAAAAAAAAAAAodr5AAUAAACc3PwAncPfAAACAwCj2fwAAgEGABcXGgCMp7sAARMeAKLM5wAAAwkAEB4oACEkJwCc3foAY2NjAKXb9wCFsckAn9n9AKHZ/QBJY3UAp9r6AB0cHQAGAwEApNn9ABgYGACEqb8AAAQHAKPM6AAGBQQAJ0FKAJ/a+wAlPUUACAcHAKDZ/gCk2vsAotn+AKba+wAACA0ApNn+AKXW9gAFBQUAptz2AKLX/ABgdIAAodn/AAMDAwAEAwMAo9n/ACc/SQCZ1/0AAAQJAAQFBgAAAQEAotj6AKfZ9wCv1/QAAQEBAAMBAQCi2/oAo9v6ACA2QgCg2v0Aodr9AKLa/QAFBAEABAMEAAkJDAARFxYABQUHAJzb+wCh2PsAAAECAKTS8wABAQIAp9n4AJ3a/gAYKDkAAgAFAKDa/gCl2/sAotr+AAEDBQAIBAIAptr+AAUDBQAKCgoAodX8AJ/Y/ACc1/8AAwIAADU1NQAAAQMAq9r2AFJVVgACAQMAoNv8AKHb/ABheIgACAIAAAQBAwCe2v8ApNf/AKDa/wBjfpAAptf/AKHH4gAGBgYADBATAMXFxQAAAgEAo9n6AKTZ+gCg2P0AAwIBAJ7b/QCf2/0ARU1NAAgCAQAICAkABQUBAKXZ8gAEBAQAs7S0AAoBBABLTFAAGRUWAJfJ3gCr2/UAAgICAAMCAgCf2/4AAgQFAGF3jQANAgIAAgMIAKLR8QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEkJVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCWoSCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgRBE3MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABbcUFZOwAAAAAAAAAAAACCAAAAAAAAAAAAAAAAAAAAADIgQXSIAAAAAAAAAAAAV2wAAAAAAAAAAAAAAAAAAAB/Xg9BGR0HAAAAAAAAAFyCAAAAAAAAAAAAAAAAAAAAAENHYkExPz4XAAAAAAAaAAAAAAAAAAAAAAAAAAAAAAAARkFBQUFBLmMCBV9EggAAAAAAAAAAAAAAAAAqhniCAAAfQUFBQUFiUU09gEqCggAAAAAAAAAAAAAAgiwGaoEFhytBQUFBQUFBQT8BeS8AAAAAAAAAAAAAAABkdUFBQUFBQUFBQUFBYjwoG297AAAAAAAAAAAAAAAAAAiJQUFBQUFBQUFBQUFHa10KUwAAAAAAAAAAAAAAAAAAAAxmQUFBQUFBQQMhYH1OOBV+AAAAAAAAAAAAAAAAAAAANXpBQUFBQUFBJRFwYhY5HgAAAAAAAAAAAAAAAAAAAAAAT0FBQUFBQUFBQUFBchgAAAAAAAAAAAAAAAAAAAAAAAB3QUFBQUFBQUEmYTc2AAAAAAAAAAAAAAAAbjo6goKCOidBQUFBQUFBQUgNgwAAAAAAAAAAAAAAAABCTGdVWFIUM0FBQD9QGRIcMAAAAAAAAAAAAAAAAAAAAAAihS0paCNQJAtpNEtWEAAAAAAAAAAAAAAAAAAAAAAAAAAAfEVdXWVtdgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////////////////////////////H////h////wf///8H/v//B/z//gP5//4B8//+AAf/hgAH/wAAD/8AAB//AAA//4AAP/+AAH//wAD//8AB/+AAA//gAA//8AA///wH///////////////////////////////////'), auto; }</style>

Bill Nye

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue:  ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
width: 900px !important;
  font-family: Lexend;
}
body{
  background: url('https://i.pinimg.com/736x/b4/32/fc/b432fc0a514a6f86a46ed100a38d20d3.jpg');
  background-repeat: repeat;
  background-position: center center;
  background-attachment: fixed;

}
.count{
  color: blue;
}
a{
  color: blue;
}
a:hover{
  color: yellow;
  text-decoration: none;
}
main{
  background: transparent;
}
nav .top{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  margin-top: 5px;
  padding: 15px;
}
nav .top .center{
  font-size: 15px;
  text-transform: uppercase;
}
#q{
  border-style: inset;
  border-width: 3px;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
  padding: 3px;
  color: grey;
}
nav .center button{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 3px;
  text-transform: uppercase;
  font-weight: bold;
  color: grey;
  font-family: Lexend;
}
nav .center button:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
nav .top .right a{
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 3px;
  color: grey;
  text-transform: uppercase;
}
nav .top .right a:hover{
  text-decoration: none;
}
nav .top .right a:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}  
nav .top .logout-form button{
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 3px !important;
  text-transform: uppercase;
  color: grey;
}
nav .top .logout-form button:hover{
  text-decoration: none;
}
nav .top .logout-form button:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
nav .links{
  background: lightgrey;
  padding: 15px;
  margin-top: 10px;
  border-style: inset;  
  text-align: center;
  height: 50px;
}
nav .links a{
  color: black;
  text-shadow: none;
  text-transform: uppercase;
  padding: 1px;
  border-style: outset;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
nav .links a:hover{
  text-decoration: none;
  color: black;
}
nav .links a:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
nav .links li:after{
  display: none;
}
.profile h1{
  background: lightgrey;
  margin-bottom: 0;
  border-style: outset;
  border-width: 3px 3px 0 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 5px;
  text-align: center;
}
.profile-pic img{
  border-style: inset;
  border-width: 3px;
}
.general-about{
  background: lightgrey;
  border-style: outset;
  border-width: 0 3px 3px 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  height: 180px;
  padding: 5px;
}
.mood{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact .heading{
  background: lightgrey !important;
  color: grey !important;
}
.contact{
  background: lightgrey;
  border-style: outset !important;
  border-width: 3px !important;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 3px;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/nature/rain1.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/nature/star/planet2.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/object/sport/soccer3.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/nature/tornado2.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/animals/reptile/snake2.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/object/party/balloon2.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://pixelsafari.neocities.org/favicon/object/hobby/telescope.gif');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F58%2F5a%2F58%2F585a58d9d1aedd6842f995711d81ea85.png&f=1&nofb=1&ipt=a4b92af590689b7f39c999e4220cfbedbcef7adb2a8062415d5e53e39993b549&ipo=images');
  background-size: 100% 100%;
}
.profile .url-info{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  text-align: center;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn.ebaumsworld.com%2FmediaFiles%2Fpicture%2F166932%2F83169886.gif&f=1&nofb=1&ipt=71f99586b41179dd086fc23bf534b8447c78f9968a3bf535e172c4c7b728f746&ipo=images');
  width: auto;
  height: 250px;
  background-position: top center;
  background-size: 90%;
  background-repeat: no-repeat;
  margin-top: 10px;
}
.profile .table-section .heading{
  background: lightgrey;
  color: grey;
}
.profile .table-section{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 5px;
}
.profile .table-section p{
}
.profile .table-section td{
  border-style: inset;
  padding: 3px;
}
.col.w-40:after{
  width: 340px;
  height: 300px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.tenor.com%2FljIseKa3wcAAAAAj%2Fnye-bill-nye.gif&f=1&nofb=1&ipt=855496f98d66bb8730ec00d99ef93d7a765a76a9b3f2a1df7c84e16931249803&ipo=images');
  background-position: center center;
  background-size: 340px 300px;
}
.profile-info{
  background: lightgrey;
  border-style outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
.blog-preview h4{
  color: grey;
}
.blog-preview{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 5px;
}
.profile .blurbs .heading{
  color: grey;
}
.profile .blurbs{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 5px;
}
.profile .friends .heading{
  color: grey;
}
.profile .friends{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
.profile .friends .person p{
  display: none;
}
.profile .friends .person img{
  border-style: outset;
  border-width: 5px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
.profile .friends .person img:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
#comments{
  margin-top: 15px;
}
.comments-table{
  border-style: inset;
  border-width: 3px;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
.comments-table td img{
  border-style: outset;
  border-width: 5px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
.comments-table td img:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
.comments-table .report img{
  border: none;
}
.comments-table .report img:active{
  border: none;
}
.comments-table .comment-replies{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
#comments button{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
  padding: 3px;
  margin: 3px;
}
#comments button:active{
  border-style: inset;
  border-color: #727272 #b2b2b2 #b2b2b2 #727272;
}
table.comments-table{
  display: block;
  height: 365px!important;
  overflow-y: scroll;
}
footer{
  background: lightgrey;
  border-style: outset;
  border-width: 3px;
  border-color: #b2b2b2 #727272 #727272 #b2b2b2;
}
main:before{
  width: 100%;
  height: 20px;
  display: block;
  content: "";
  background-image: url('https://64.media.tumblr.com/b5479027dc5a35e79c073eaaca780b49/9a1f65f2ca6bade2-fc/s400x600/8a5e84970fcd9f54bc6dd2ec488e8c9a06d8e677.gifv');
  background-position: center center;
  background-size: 800px 20px;
}
.col.right:after{
  width: 100%;
  height: 200px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fshop.mcrsafety.com%2Fcdn%2Fshop%2Ffiles%2Fmcr-2235R-hires.png%3Fv%3D1689777281&f=1&nofb=1&ipt=8fe4cb8e93e2a546d91840248ab4efdec77e02c2568ae5350e7de965e49fd6d6&ipo=images');
  background-position: center center;
  background-size: 500px 250px;
  margin-top: 20px;
}
footer:before{
  width: 100%;
  height: 50px;
  display: block;
  content: "";
  background-image: url('https://pixelsafari.neocities.org/dividers/ruler.gif');
  background-position: center center;
  background-size: 900px 50px;
}
.tv-set{
  background: url('https://64.media.tumblr.com/63cae10c477b4cabaa2e39e5de77d79d/343693d368810bf2-02/s400x600/dd9b0402f3242bc63a8ce8eaeaba6c5dcb44d361.gifv');
  background-size: 100% !important;
  background-repeat: no-repeat;
  position: fixed;
  left: 10px;
  bottom: -10px;
  height: 430px;
  width: 250px;
  z-index: 1000;
  opacity: 1;
}
.bill{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpnghq.com%2Fwp-content%2Fuploads%2Fbill-nye-full-size-icons-png-full-hd-png.png&f=1&nofb=1&ipt=b13a1d92e8f954596a69868db59542e6bed427c900c8be7452b890116215a0a6&ipo=images');
  background-size: 100% !important;
  background-repeat: no-repeat;
  position: fixed;
  right: 50px;
  bottom: -80px;
  height: 450px;
  width: 350px;
  z-index: 1000;
  opacity: 1;
}
.skeleton{
  background: url('https://64.media.tumblr.com/c096abc3609b6f7ad5a191cad87e25b3/908391d02e9b333a-10/s540x810/232a41dc3fa9a3b61c23a4bbbc45501c16233874.pnj');
  background-size: 100% !important;
  background-repeat: no-repeat;
  position: fixed;
  left: 130px;
  bottom: -80px;
  height: 800px;
  width: 200px;
  z-index: 1000;
  opacity: 1;
}
.microscope{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pngarts.com%2Ffiles%2F12%2FMicroscope-Transparent-Images.png&f=1&nofb=1&ipt=1994095df8413e5548bef4e231c40f3b01df7101b0f4cd38435825913c276234&ipo=images');
  background-size: 60% !important;
  background-repeat: no-repeat;
  position: fixed;
  right: -120px;
  bottom: 250px;
  height: 450px;
  width: 350px;
  z-index: 1000;
  opacity: 1;
}
</style>
<div class="skeleton"></div>
<div class="microscope"></div>
<div class="tv-set"></div>
<div class="bill"></div>

<center><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F64.media.tumblr.com%2Ffa76143dd3b4a5efdbbb3d50470ecbdf%2F4b2e907b5b7d362d-15%2Fs400x600%2Fe1dbb3e2239a3423eb2c172c7e69d2325aab827c.gif&f=1&nofb=1&ipt=de28d8cb571184d722ea4c0706b4a37d4154aaac4542f70d281efd7fe9b44fb9&ipo=images" height="100"><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F66.media.tumblr.com%2Fcfbcb87297ff550e6923a91041df54fd%2Ftumblr_ok61f9xGPm1w23dmuo1_250.gif&f=1&nofb=1&ipt=29b225ae7b044763c228eb9605427d6e83d43e137226a79816285afe285e1eab&ipo=images" height="100"><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.tenor.com%2FqiKGDLYjocEAAAAC%2Fgreen-lava.gif&f=1&nofb=1&ipt=cf25cc827c45295a12d4b6e38e3ab8a4e055d0618465c256579418886a255153&ipo=images" height="100"></center>

Girls Go Games

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
--logo-blue: #a60c7a;
--darker-blue: #a60c7a;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #a60c7a;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}

.container{
width: 1000px !important;
}

body{
  background: #ffe7f5;
  font-family: Lexend;
}

.count{
color: #a207dd;
}

a{
color: #a60c7a;
}
a:hover{
  color: #a207dd;
  text-decoration: none;
}

main{
  background: #ffe7f5;
}
div.container{
  box-shadow: 0 0 10px#a60c7a;
}
nav .top{
  background: url(https://i.imgur.com/kCYEbRq.jpeg);
  padding: 30px;
  border-radius: 8px 8px 0 0;
  font-family: Lexend;
}
nav .top .center{
 margin-left: 200px;
}
#q{
  border-style: none;
  border-radius: 3px;
  padding: 4px;
  font-family: Lexend;
}
nav button{
  background: linear-gradient(#ef0397, #8a0175);
  border-style: groove;
  border-color: #8a0175;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}
nav button:hover{
  background: linear-gradient(#8a0175, #ef0397);
  border-style: groove;
  border-color: #8a0175;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}

nav .top .right a{
  background: linear-gradient(#ef0397, #8a0175);
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  font-family: Lexend;
}
nav .top .right a:hover{
  background: linear-gradient(#8a0175, #ef0397);
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  font-family: Lexend;
  text-decoration: none;
}  
 
nav .top .logout-form button{
  background: linear-gradient(#a604e1, #561284) !important;
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px !important;
  font-family: Lexend;
}
nav .top .logout-form button:hover{
  background: linear-gradient(#561284, #a604e1) !important;
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  font-family: Lexend;
  text-decoration: none;
}
 
nav .links{
  background: linear-gradient(#ffcbe9, #ffe7f5, #ffcbe9);
  padding: 5px;
}

nav .links{
  text-align: center;
}
nav .links a{
  color: #a60c7a;
  text-shadow: none;
  padding: 10px;
}
nav .links a:hover{
  color: white;
}
nav .links li:after{
  display: none;
}

.profile-pic img{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 9px #a60c7a;
}
 
.general-about{
  color: #a60c7a;
  font-family: Lexend;
}

.online{
  content: url("https://dl.glitter-graphics.com/pub/2195/2195749hecuyt3482.gif") !important;
  border-radius: 5px;
}

.mood{
  color: #a60c7a;
}

.contact .heading{
 background: linear-gradient(#ff9dd4, #a60c7a) !important;
  padding: 5px;
  border-radius: 5px 5px 0 0;
  font-family: Lexend;
}
.contact{
  border-style: none !important;
  background: white;
}
 
.contact img.icon{
  display: none;
}
.contact{
  border-color: none !important;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 9px #a60c7a;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fstatic.vecteezy.com%2Fsystem%2Fresources%2Fpreviews%2F010%2F976%2F189%2Foriginal%2Fpink-cartoon-star-button-png.png&f=1&nofb=1&ipt=aedcb86e35ff82352dd7c5bdb8f0b8f26662c7263f548c4c1a39cec9a50c3597&ipo=images');
  background-size: 100% 100%;
}
 
.profile .table-section .heading{
  background: linear-gradient(#ff9dd4, #a60c7a) !important;
  padding: 5px;
  border-radius: 5px 5px 0 0;
  font-family: Lexend;
}

.profile .table-section{
  border-style: none !important;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 9px #a60c7a;
}

.profile .table-section p{
  color: #a60c7a;
}

.profile .table-section td{
  border-bottom: solid;
  border-width: 2px;
  border-color: #ffe7f5;
  padding: 5px;
  color: #a604e1;
}

.profile .url-info{
  background: linear-gradient(#a604e1, #561284) !important;
  padding: 10px;
  border-style: groove !important;
  border-color: #561284;
  border-radius: 10px;
  font-family: Lexend;
  text-align: center;
  color: white;
}

.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 10px;
  background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fgirlsgogamescdn.com%2Fassets%2Fgirlsgogames%2Flogos%2Fdefault%2Fgirlsgogames.en.mobile-7b35970411b9856e313c576afdffdee7b24fdf0accdc2fa3c86a7c4e101c093a.png&f=1&nofb=1&ipt=c5ccb4a36c54db0cc9aeacf690ca0b59ae32ec1b67de1baed2c113baafc4bd3d&ipo=images");
  width: auto;
  height: 45px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
 
.col.w-40:after{
  width: 100%;
  height: 135px;
  display: block;
  content: "";
  background-image: url("https://i.pinimg.com/736x/bc/99/f7/bc99f7de289b25739503f846257d0ebc.jpg");
  background-position: center center;
  background-size: 380px 135px;
  border-radius: 10px;
}

.profile-info{
background: linear-gradient(#a604e1, #561284) !important;
  padding: 20px;
  border-style: groove !important;
  border-color: #561284;
  border-radius: 10px;
  font-family: Lexend;
  text-align: center;
  color: white;
}
 
.blog-preview h4{
  background: linear-gradient(#ff9dd4, #a60c7a) !important;
  padding: 2px;
  border-radius: 5px 5px 0 0;
  font-family: Lexend;
  padding: 5px;
  color: white;
}
.blog-preview{
  background: white;
  border-radius: 5px;
  color: #a604e1;
  box-shadow: 0 0 9px #a60c7a;
}
.blog-preview p{
  padding: 5px;
}

.profile .blurbs .heading{
  background: linear-gradient(#ff9dd4, #a60c7a) !important;
  padding: 2px;
  border-radius: 5px 5px 0 0;
  font-family: Lexend;
  padding: 5px;
  color: white;
}
 
.profile .blurbs{
  background: white;
  color: #a604e1;
  border-radius: 5px;
  box-shadow: 0 0 9px #a60c7a;
}

.profile .friends .heading{
  background: linear-gradient(#ff9dd4, #a60c7a) !important;
  padding: 2px;
  border-radius: 5px 5px 0 0;
  font-family: Lexend;
  padding: 5px;
  color: white;
}
.profile .friends{
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 9px #a60c7a;
}
.profile .friends .person p{
  color: #a604e1;
}
.profile .friends .person img{
  border-radius: 10px;
  box-shadow: 0 0 9px #a60c7a;
}
.profile .friends .person img:hover{
  box-shadow: 0 0 5px #a60c7a;
}

#comments{
 margin-top: 20px;
}
#comments .heading{
  display: none;
}
.comments-table{
  border-style: none !important;
}

.comments-table td{
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #ffe7f5;
  padding: 5px;
}
.comments-table td img{
  border-radius: 10px;
}
.comments-table td button{
  background: linear-gradient(#ef0397, #8a0175) !important;
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}
.comments-table td button:hover{
  background: linear-gradient(#8a0175, #ef0397) !important;
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}
#comments button{
  background: linear-gradient(#a604e1, #561284);
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}
#comments button:hover{
  background: linear-gradient(#561284, #a604e1);
  border-style: groove;
  border-color: #561284;
  border-width: 1px;
  border-radius: 5px;
  padding: 3px;
  color: white;
  font-family: Lexend;
}

footer{
  background: linear-gradient(#ff9dd4, #a60c7a);
  color: #ffe7f5;
  border-radius: 15px;
}
 
footer a{
  color: #ffe7f5;
  font-family: Lexend;
  font-size: 11px;
}
</style>

Life Invader

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<img src="https://i.imgur.com/tok5c7D.jpeg">
<style>
 
.container{
width: 1100px !important;
}
.profile .left{
  width: 30%;
}
:root {
--logo-blue: ;
--darker-blue: ;
--lighter-blue: ;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
a{
  color: #a30002;
}
a:hover{
  color: #a30002;
}
body{
  font-size: 13px;
  color: #333333;
  background: #fbf2f2;
}
.logo{
  content: url('https://i.imgur.com/aII73xs.png');
  width: 150px !important;
  height: 50px !important;
  padding: 3px;
}
nav .top{
  background: linear-gradient(#c60101,#aa0101);
  border-color: #860000;
  border-style: solid;
  border-width: 1px;
  text-transform: uppercase;
  padding: 15px;
}
#q{
  padding: 3px;
  color: #37383b
}
nav .top .center button{
  color: #fff;
  background: #37383b;
  border-style: solid;
  border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding:  5px 10px 5px 10px;
  text-transform: uppercase;
}
nav .top .center button:hover{
  background: #000;
  border-style: solid
  border-width:1px;
  border-color: #999;
  border-color: rgba(0, 0, 0, 0.25)
}
nav .top .right a{
  color: #e09d9d;
  font-size: 10px;
  text-transform: uppercase;
}
nav .top .right a:hover{
  color: white;
  text-decoration: none;
}
nav .top .right button{
  color: #e09d9d;
  font-size: 10px;
  text-transform: uppercase;
}
nav .top .right button:hover{
  color: white;
  text-decoration: none;
}
nav .links{
  text-align: center;
}
nav .links li:after{
  display: none;
}
nav .links a{
  color: #e09d9d;
  font-size: 12px;
  text-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
}
nav .links a:hover{
  color: #a30002;
  text-decoration: none;
}
main{
  background: transparent;
}
h1{
  color: #a30002;
  font-size: 25px !important;
}
.profile-pic img{
  border-style:solid;
  border-color: white;
  border-width: 4px;
  border-radius: ;
  box-shadow: 0 0 0 1px #ebc2c2;
}
.general-about{
  color: #a30002;
  background: white;
  height: 190px;
  padding: 10px;
  border-style: dotted;
  border-width: 1px;
  border-color: #ebc2c2;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.mood{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  background: #ebc2c2;
  border-style: dotted;
  border-width: 1px;
  border-color: #ebc2c2;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.mood a:hover{
  color: white
}
.contact .heading{
  display: none;
}
.contact{
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.url-info{
  text-align: center;
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 10px;
  background-image: url('https://i.imgur.com/x7raq3C.png');
  width: auto;
  height: 80px;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.table-section h4{
  color: #a30002;
}
.table-section{
  padding: 5px;
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.details-table{
  color: grey;
}
.col.w-40:after{
  width: 100%;
  height: 143px;
  display: block;
  content: "";
  background-image: url('https://i.imgur.com/7GVC1xR.png');
  background-position: center center;
  background-size: 300px 145px;
	box-shadow: 0 0 2px 1px #ebc2c2;

}

.profile-info{
  background: #ebc2c2;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
}
.blog-preview{
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
  padding: 10px;
}
.blurbs .heading{
  display:none;
}
.blurbs{
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
  font-size: 13px;
}
.blurbs .inner h4{
  color: grey !important;
}
.friends .heading{
  display: none;
}
.friends{
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
  margin-bottom: 20px;
}
#comments{
  background: white;
  border-style: dotted !important;
  border-width: 1px !important;
  border-color: #ebc2c2 !important;
  box-shadow: 0 0 2px 1px #ebc2c2;
  padding: 10px;
}
.comments-table{
  border:none;
}
#comments button{
  color: #fff;
  background: linear-gradient(#ee5f5b, #bd362f);
  border-style: solid;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding:  2px 4px 2px 4px;
  text-transform: uppercase;
}
#comments button:hover{
  background: linear-gradient(#bd362f, #ee5f5b)
}
footer{
  color: #aaa
  font-size: 13px;
}
footer a{
  color: #aaa;
}
footer a:hover{
  color: #a30002;
}
@media only screen and (max-width: 600px){
  .profile .left{
  	width: 100%;
  }
}

<!-- (c) Modern Comments by Taylor Robinson (https://layouts.spacehey.com/layout?id=16935) -->
.comments-table{border:none}.comments-table td{background:none;border:none;vertical-align:top;display:block}.comments-table td:nth-child(odd){border-top:2px solid #333}.comments-table td:first-child{background:none;text-align:center;font-weight:bold;width:100%;display:flex}.comments-table td:first-child a:not(:first-child){order:1}.comments-table td:first-child a:not(:first-child) img:not(.icon){aspect-ratio:1/1;height:30px;width:auto;border-width:2px}.comments-table td:first-child a:first-child{order:2;vertical-align:center;font-weight:900;margin-left:4px}.comments-table td>p:first-child>b>time{position:absolute;margin-left:34px;margin-top:-1.7em;font-weight:500;font-size:90%}.comments-table td>p:nth-child(1){margin:0}.comments-table td .comment-replies{border:none}.comments-table tr:first-child td{border:none}/*# sourceMappingURL=modern-comments.css.map */
</style>
  <style type="text/css">body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAA4AAwCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEgkmFBJvJhQSwyYUEtImFBK9JhQSjSYUEjMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBJjLhwZ/4R6eP/MyMf/2dbV/8fBwf+dlZT/UUNA/yYUEpMmFBIVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSh0IyMP/U0ND////////////////////////////8/Pz/kYiG/ykXFP8mFBItAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEmxPQD7/8vHx////////////////////////////////////////////pZ6c/yYUEpYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBIzLhwZ/9vY2P//////////////////////////////////////////////////////VkhG/yYUEjwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEpyqo6L///////////////////////////////////////////////////////////+yq6r/JhQSpQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBKQf3Rz/////////////////////////////////////////////////////////////////+bj4/8mFBLhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSfllLSf/6+fn/////////////////////////////////////////////////////////////////+vn5/yYUEvkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUElc9LSr/6+np////////////6+np////////////////////////////////////////////////////////////JhQS/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSwMrEw////////////8fBwf9ENTL///////////////////////////////////////////////////////////8mFBL/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBK6xL++//Lx8f+Eenj/KRcU/yYUEv///////////////////////////////////////////////////////////yYUEv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUElEmFBK6KxoX/yYUEocmFBIGJhQS////////////////////////////////////////////////////////////JhQS/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBIGAAAAAAAAAAAmFBL////////////o5ub////////////y8fH////////////Ev77///////////8mFBL/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEv///////////ysaF////////////0c4Nf///////////zMiH////////////yYUEv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQS////////////JhQS////////////MyIf////////////MyIf////////////JhQS/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBL///////////8mFBL///////////8zIh////////////8mFBL/9fT0/+jm5v8mFBLkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEv///////////yYUEv///////////yYUEv/39/f/5uPj/yYUEuFPQD7/T0A+/yYUEnsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSe09APv9PQD7/JhQS////////////JhQS/1FDQP9PQD7/JhQSeyYUEjAmFBIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSMCYUEjAmFBL///////////8mFBL/JhQSMyYUEjAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYUEv///////////yYUEv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQS////////////JhQS/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArGhf///////////8rGhf/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACsaF////////////ysaF/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJhQSvf//////////JhQSvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBJUJhQSvSYUEr0mFBJUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmFBIwJhQSMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////8P///8A///8AH///AA///gAP//wAB//4AAf/+AAH//AAB//gAAf/4AAH//EAB///AAf//wAH//8AB///AAf//wAP//+Af///4f///+H////h////4f///+H////h////8//////////////////8='), auto; }</style>

Spider-Man

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
 
:root{
--logo-blue: #28AFFA;
--darker-blue: #28AFFA;
--lighter-blue: #054A91;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #E71D36;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.container{
width: 850px !important;
}
body{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fyourpersonaltrainer.it%2Fwp-content%2Fuploads%2F2020%2F08%2F669-1536x1021.jpg&f=1&nofb=1&ipt=9fe9fa0a88de2aded7b25a252a042467020c93efc6c0f07a321a7971b4229014&ipo=images');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
.count{
  color: #FFE521;
}
a{
  color: #28AFFA;
}
a:hover{
  color: #E71D36;
  text-decoration: none;
}
main{
  background: #FFE521;
  margin-top: 30px;
  box-shadow: 20px 20px #E71D36;
}
.logo{
  content: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pngkit.com%2Fpng%2Ffull%2F2-25377_spider-man-logo-png-transparent-logo-spiderman.png&f=1&nofb=1&ipt=0f4cfebfaba13082565b2f7403fde34df7f27268b1db1b9742f7f6d621de10d5&ipo=images);
  width: 165px !important;
  height: 75px !important;
}
nav{
  box-shadow: 20px 20px #FFFED5;
}
nav .top .center{
  padding: 5px;
}
#q{
  background: #FFFED5;
  border: none;
  border-radius: 2px;
  padding: 3px;
}
nav .center button{
  padding: 3px;
  background: #054A91;
  color: #FFFED5;
  border: none;
  border-radius: 3px;
}
nav .center button:hover{
  background: #E71D36;
}
nav .links{
  text-align: center;
}
nav .links a{
  color: #FFFED5;
  font-weight: bold;
  padding: 3px;
}
nav .links a:hover{
  text-decoration: none;
  text-shadow: none;
  color: #E71D36;
}
nav .links li:after{
  display: none;
}
.profile h1{
  color: #E71D36;
  padding: 5px;
}
.profile-pic img{
  -webkit-mask-image: url(https://64.media.tumblr.com/dfd40d275e470f459af8de25e6382792/9535f6086caae46e-f0/s250x400/731a21706cab1055e3ab1cd66e602e1dc92d6600.pnj);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.general-about{
  color: #E71D36;
}
.mood{
  padding: 10px;
  color: #054A91;
}
.contact .heading{
  border-radius: 3px 3px 0 0;
  padding: 5px !important;
  color: #FFFED5 !important;
}
.contact{
  background: #FFFED5;
  border: 2px dotted #054A91 !important;
  border-radius: 5px;
}
.contact img.icon{
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 25px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fpluspng.com%2Fimg-png%2Fspiderman-logo-png-the-amazing-spider-man-2-front-logo-by-strongcactus-d5w9gkw-copy-png-1134.png&f=1&nofb=1&ipt=cd589c58b344a4a2d9d36bde9559db1f28a948ed8f6561ca7db27c8362df397e&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 25px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimg00.deviantart.net%2Fa8c2%2Fi%2F2017%2F185%2Fb%2F5%2Fspider_man_modern_symbol_by_redknightz01-db9u3gy.png&f=1&nofb=1&ipt=618b3da10d6dd95ff2660d09badf8759ade427153b0afd88a4eefdc5dc4e29ee&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F1695aad7-ed82-4ba5-a2e6-1ae9705bdd3a%2Fd9u5wy7-8cc51436-72f6-4071-bebf-85acd9035840.png%2Fv1%2Ffill%2Fw_1024%2Ch_1017%2Cstrp%2Fspider_man_back_symbol_comic_by_redknightz01_d9u5wy7-fullview.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAxNyIsInBhdGgiOiJcL2ZcLzE2OTVhYWQ3LWVkODItNGJhNS1hMmU2LTFhZTk3MDViZGQzYVwvZDl1NXd5Ny04Y2M1MTQzNi03MmY2LTQwNzEtYmViZi04NWFjZDkwMzU4NDAucG5nIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.zhRUmh6ALMUIZjJjdlPXw0g9Lg5EH224wWa8E767gVk&f=1&nofb=1&ipt=92339f8b5c5e6ab98c8e6157de09ae6a19c0446f50b6c1d07b224ed5c8f556ae&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pngkey.com%2Fpng%2Ffull%2F5-51147_original-spiderman-symbol-spider-man-homecoming-araa.png&f=1&nofb=1&ipt=a35a1df12da80825b12fe0417ac7c00c09cb2e414bb3e2fab4ec7c21b7bc2c09&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fclipart-library.com%2Fimages_k%2Fspiderman-logo-transparent%2Fspiderman-logo-transparent-7.png&f=1&nofb=1&ipt=83568ce979dfc38297e889eaeacce272c735de012f618b221cdf00590c6c6934&ipo=images');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
/* block user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/078277ed-5380-4deb-b166-997beba79634/dfz261h-c2cde19c-a087-4ce7-9a45-4a0e2a051f0e.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA3ODI3N2VkLTUzODAtNGRlYi1iMTY2LTk5N2JlYmE3OTYzNFwvZGZ6MjYxaC1jMmNkZTE5Yy1hMDg3LTRjZTctOWE0NS00YTBlMmEwNTFmMGUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.wTljpc7YP2VzvkbeA9Qzn_H4wQrtvZcIrcjzoAhu35w');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
/* add to group */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6d4e0548-957f-4c05-b7bf-92997c8e88d5/dg1l5cj-b527f7a3-27a2-4b94-8c85-a2bfcb29c743.png/v1/fit/w_828,h_1012/atsv_spider_man_2099_spider_symbol_by_bashiyrmc_dg1l5cj-414w-2x.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTU2MyIsInBhdGgiOiJcL2ZcLzZkNGUwNTQ4LTk1N2YtNGMwNS1iN2JmLTkyOTk3YzhlODhkNVwvZGcxbDVjai1iNTI3ZjdhMy0yN2EyLTRiOTQtOGM4NS1hMmJmY2IyOWM3NDMucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.OM-cLmiHp8f0KgGAkQ5WJ-k6dzAn8zpebwEDDM1-pLA');
  background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
/* report user */
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.vectorkhazana.com%2Fassets%2Fimages%2Fproducts%2FSpiderman.png&f=1&nofb=1&ipt=b54fac4c44a6af64f5ab6519b2e846518c001f39dca0a9c5b61625f67852cfde&ipo=images');
  background-size: 100% 100%;
}
.profile .url-info{
  color: #E71D36;
  text-align: center;
  padding-top: 10px;
  border: none;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 20px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.pngall.com%2Fwp-content%2Fuploads%2F5%2FExplosion-Boom-PNG-Download-Image.png&f=1&nofb=1&ipt=fe8b1042727218af8011aaaae049533745c8520087befeda394d4d0712379ae5&ipo=images');
  width: auto;
  height: 200px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.profile .table-section .heading{
  border-radius: 3px 3px 0 0;
  padding: 5px;
  color: #FFFED5;
}
.profile .table-section{
  background: #FFFED5;
  border: 2px dotted #054A91 !important;
  border-radius: 5px;
}
.profile .table-section td{
  padding: 3px;
}
.col.w-40:after{
  width: 100%;
  height: 400px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fvignette3.wikia.nocookie.net%2Fmarvelcomicsfanon%2Fimages%2F8%2F8d%2FThe_Amazing_Spider-Man.png&f=1&nofb=1&ipt=f7f3c6586fcaa58070f420d15723dc50eec5609abcb1050d0cf4b5dd0c662105&ipo=images');
  background-position: center center;
  background-size: 350px 400px;
}
.profile-info{
  border: 3px solid #E71D36;
  color: #E71D36;
}
.blog-preview h4{
  padding-bottom: 5px;
}
.blog-preview{
  background: #28AFFA;
  padding: 5px;
}
.blog-preview a{
  color: #FFFED5;
}
.blog-preview a:hover{
  color: #E71D36;
}
.profile .blurbs .heading{
}
.profile .blurbs{
  background: #FFFED5;
  border: 2px dotted #054A91 !important;
  border-radius: 5px;
  padding: 5px;
}
.profile .friends .heading{
  background: #054A91;
  border-radius: 3px 3px 0 0;
  padding: 5px;
  color: #FFFED5;
}
.profile .friends{
  border: 2px dotted #E71D36;
  border-radius: 5px;
  background: #28AFFA;
  margin-bottom: 20px;
}
.profile .friends .person p{
  color: #E71D36;
}
.profile .friends .person img{
  -webkit-mask-image: url(https://64.media.tumblr.com/1bb0e69c88d7c79d1a5ef4f2663d1503/9bf4220930cc533a-fd/s250x400/0fb8a6d00a7cd8e4ded67d019215f55c15f767cc.pnj);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.profile .friends .person img:hover{
  -webkit-mask-image: url(https://64.media.tumblr.com/0066463e885031c7582f01062e19a82d/9bf4220930cc533a-9b/s250x400/e0a620a005ff44d83703fc860a83b7925050ee12.pnj);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#comments a{
  color: #E71D36;
}
#comments a:hover{
  color: #FFFED5;
}
.comments-table{
  border: none;
}
.comments-table td{
  border-style: none none dotted none;
  border-width: 2px;
  border-color: #054A91;
}
.comments-table .comment-replies{
  border: 2px dotted #054A91;
  border-radius: 5px;
}
.comments-table td img{
  border-radius: 5px;
}
.comments-table .report img{
  border-radius: 0;
}
#comments button{
  padding: 3px;
  background: #054A91;
  color: #FFFED5;
  border: none;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#comments button:hover{
  background: #E71D36;
}
table.comments-table{
  display: block;
  height: 250px!important;
  overflow-y: scroll;
}
footer{
  background: #054A91;
  color: #FFE521;
  margin-top: 30px;
  box-shadow: 20px 20px #FFE521;
}
footer a:hover{
  text-decoration: none;
}
main:after{
  width: 100%;
  height: 400px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpenntoday.upenn.edu%2Fsites%2Fdefault%2Ffiles%2F2019-06%2FSpiderMan_cover.jpg&f=1&nofb=1&ipt=efb4446a39c45c9d2131f966fb1af9b7d64e6cee22718c9916513a50faaeb0d7&ipo=images');
  background-position: center center;
  background-size: 850px 400px;
}
.web-right{
  background: url('https://freepngimg.com/thumb/spider/31287-9-spider-web-transparent-image.png');
  background-size: 100% !important;
  background-repeat: no-repeat;
  position: fixed;
  right: -5px;
  top: -5px;
  height: 200px;
  width: 200px;
  z-index: 1000;
  opacity: 1;
}
.web-left{
  background: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fclipart-library.com%2Fimages_k%2Ftransparent-spider-web%2Ftransparent-spider-web-18.png&f=1&nofb=1&ipt=4878356a0d55fbe3142fb2c65905295fdbb7d4206360568ddf78f51fb57e1633&ipo=images');
  background-size: 100% !important;
  background-repeat: no-repeat;
  position: fixed;
  left: -5px;
  top: 0px;
  height: 200px;
  width: 200px;
  z-index: 1000;
  opacity: 1;
}
</style>
<div class="web-left"></div>
<div class="web-right"></div>
<img src="https://64.media.tumblr.com/e5ded1036f6ff8e37bd3e0790f9afd93/4d67553dd78eaa88-d6/s400x600/2eb552751f299b258a9e9bed5fb0e50b6bf5fcf6.pnj" height="100">

Hellboy

Cilck image for live preview

<!--- (c) Layout by Bellilou (https://spacehey.com/bellilou) -->
<style>
.container{
  width: 850px !important;
}
:root{
--logo-blue: #000;
--darker-blue: #ca313d;
--lighter-blue: #edc41d;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: #edc41d;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
}
.logo{
  content: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.vhv.rs%2Fdpng%2Ff%2F71-711347_hellboy-png.png&f=1&nofb=1&ipt=155cc7af4cabca6b1fa734f0c6464adac941660811aa77983b3e1b6568f2f4d0&ipo=images');
  width: 150px !important;
  height: 50px !important;
}
body{
  background: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpapercave.com%2Fwp%2Fwp2712002.jpg&f=1&nofb=1&ipt=768cf664663abc517910bea05b70f86af49485ad53240616f14de911c09c67c9&ipo=images');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.count{
  color: #edc41d;
}
a{
  color: #CA313D;
}
a:hover{
  color: #22A4F0;
  text-decoration: none;
}
main{
  background: #142C50;
}
nav .top{
  text-transform: uppercase;
  font-weight: bold;
}
nav .top .center{
  color: #22A4F0;
}
#q{
  padding: 3px;
  border-radius: 3px;
  border-color: #142C50;
}
nav .center button{
  background: #22A4F0;
  border-style: solid;
  border-width: 3px;
  border-radius: 2px;
  border-color: #22A4F0;
  padding: 2px;
  text-transform: uppercase;
  font-weight: bold;
}
nav .center button:hover{
  background: #142C50;
  border-color: #142C50;
}
nav .top .right a:hover{
  color: #22A4F0;
  text-decoration: none;
}
nav .top .logout-form button{
  text-transform: uppercase;
  font-weight: bold;
}
nav .top .logout-form button:hover{
  color: #22A4F0;
  text-decoration: none;
}
nav .links{
  text-align: center;
}
nav .links a{
  color: #cc0019;
  text-shadow: none;
  font-weight: bold;
  padding: 3px;
}
nav .links a:hover{
  color: white;
  text-decoration: none;
}
nav .links li:after{
  display: none;
}
.profile h1{
  color: #cc0019;
}
.profile-pic img{
  border-style: solid;
  border-width: 4px;
  border-radius: 2px;
  border-color: #EDC41D;
  padding: 5px;
}
.general-about{
  color: #22A4F0;
}
.mood{
  color: #22A4F0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact .heading{
  border-radius: 3px;
}
.contact{
  border-style: none !important;
}
.contact img.icon{
  display: none;
}
.contact{
  padding: 5px;
}
.profile .url-info{
  color: #EDC41D;
  text-align: center;
  border-style: none none solid none !important;
  border-width: 10px;
  border-color: #22A4F0;
}
.profile .url-info p:last-child:after{
  content: "";
  display: block;
  margin-top: 10px;
  background-image: url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Forig15.deviantart.net%2F7c26%2Ff%2F2015%2F335%2Fb%2F9%2Fb9cfcd54c02792baf85277d1ab5ce492-d9int5r.png&f=1&nofb=1&ipt=6570cd13527c38ceb24686d0522054d7babacc52ffe90766772f2ab67ed0ea62&ipo=images');
  width: auto;
  height: 300px;
  background-position: top center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.profile .table-section .heading{
  border-radius: 3px;
  margin-bottom: 5px;
}
.profile .table-section{
  border-style: none;
  padding: 5px;
}
.profile .table-section p{
  color: #22A4F0;
  padding: 3px;
}
.profile .table-section td{
  color: white;
  padding-bottom: 5px;
}
.col.w-40:after{
  width: 100%;
  height: 135px;
  display: block;
  content: "";
  background-image: url('https://64.media.tumblr.com/5dcc591c4e9c47a31ea7b401f1cc491f/c0ea940a8f3eb8e7-74/s400x600/bf7c4dab795f6f3399c445eb528b3e2e18921bc5.gifv');
  background-position: center center;
  background-size: 325px 150px;
  border-radius: 100px;
}
.profile-info{
  color: #22A4F0;
  border: none;
}
.blog-preview h4{
  color: white;
}
.blog-preview{
  background: #EDC41D;
  border-radius: 3px;
  padding: 10px;
}
.profile .blurbs .heading{
  border-radius: 3px;
  background: #CA313D;
}
.profile .blurbs{
  color: white;
}
.profile .friends .heading{
  border-radius: 3px;
  background: #CA313D;
}
.profile .friends{
  color: white;
}
.profile .friends .person p{
  color: #22A4F0;
}
.profile .friends .person img{
  border-radius: 5px;
}
.profile .friends .person img:hover{
  box-shadow: 0 0 5px #22A4F0;
}
.comments-table{
  border-style: none !important;
}
.comments-table td{
  border-style: none !important;
}
.comments-table td img{
  border-radius: 5px;
}
.comments-table td b{
  color: #EDC41D;
}
#comments button{
  background: #22A4F0;
  border-style: groove;
  border-width: 3px;
  border-radius: 2px;
  border-color: #22A4F0;
  padding: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
#comments button:hover{
  border-style: inset;
}
footer{
  background: #000;
  color: white;
}
main:after{
  width: 100%;
  height: 300px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F13thdimension.com%2Fwp-content%2Fuploads%2F2018%2F06%2F9.1-HBYBFE-1-PG-14-FNL.jpg&f=1&nofb=1&ipt=317e5d671d6c06a6c64e8df1464a470de5abfdecb37379b5ed16189105dac000&ipo=images');
  background-position: center center;
  background-size: 850px 300px;
  margin-top: 25px;
  border-top: solid;
  border-width: 10px;
  border-color: #cc0019;
}
footer:after{
  width: 100%;
  height: 135px;
  display: block;
  content: "";
  background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2Ffd52d3a7-16d5-4ae5-a900-2ddb238ff7fb%2Fdbth7jn-fcdaeda4-d9e9-4629-8e34-339736ccc280.png%2Fv1%2Ffill%2Fw_1600%2Ch_1600%2Cstrp%2Fhellboy_symbol_by_deathcantrell_dbth7jn-fullview.png%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTYwMCIsInBhdGgiOiJcL2ZcL2ZkNTJkM2E3LTE2ZDUtNGFlNS1hOTAwLTJkZGIyMzhmZjdmYlwvZGJ0aDdqbi1mY2RhZWRhNC1kOWU5LTQ2MjktOGUzNC0zMzk3MzZjY2MyODAucG5nIiwid2lkdGgiOiI8PTE2MDAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.VkSl60lot6tAdgCZumoKWtNqGSNMPSF_7lO-nYLlMag&f=1&nofb=1&ipt=a85920da95a98ea4aa35f702d8498acf32601a5d6e7851e971c46618a243432d&ipo=images');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 135px 135px;
  border-radius: 10px;
  margin-top: 25px;
}
</style>

⊹˚₊ ⟡˙⋆ Bellilou's Neocity ⋆˙⟡ ₊˚⊹

SpaceHey Layouts

Webkinz

Wii Sports Resort

Gone Fishing

Grocery Store

PictoChat

Moomin

Heartstopper

Bill Nye

Girls Go Games

Life Invader

Spider-Man

Hellboy