Country layout

<div id="gif-overlay"></div>

<style>

#gif-overlay {

background: url("https://files.catbox.moe/or2nh5.gif");

opacity: 50%;

background-size: cover;

background-attachment: fixed;

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

pointer-events: none;

}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/z0jjf9PCcu4/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 

}

body{background:url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8ZmFybSUyMGJhY2tncm91bmR8ZW58MHx8MHx8fDA%3D") no-repeat fixed; background-size:cover;}

}

/* change all headings on page to different colors. */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb();

   color: black;

}

/* change all headings on page to different colors. */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: black;

   color: rgb(insert rgb);

}

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 120px;

    display: block;

    content: "";

    background-image: url(Insert image link here);

    background-position: center center;

    background-size: cover;

}

footer {

    border-radius: 2px;

    background-image: url();

    color: white;

}

table.comments-table td {

    color: rgb(insert rgb);

}

:root {

    --logo-blue: ;

    --darker-blue: white;

    --lighter-blue: ;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: white;

    --light-orange: ;

    --even-lighter-orange: ;

    --green: ;

}

</style>

<style>

main{

background-color: rgb(0 0 0 / 25%);

}

</style>

<div id="gif-overlay"></div>

<style>

#gif-overlay {

background: url("https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjB0aXZ1dzIxNzF6eWhodWZ4Z2ptYXBzaWRtaGt4eHlrbnlod21lOCZlcD12MV9zdGlja2Vyc19zZWFyY2gmY3Q9cw/1etqTAkdpj0rkmknu5/giphy.gif");

opacity: 75%;

background-size: cover;

background-attachment: fixed;

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

pointer-events: none;

}

</style>

<style>

#q,

footer {

    background: 0 0; /* footer transparency */

    color: #fff;

</style>

Some of the piccys don't work anymore but trust with some styling (PFP, barriers, gifs etc) it works