my layout code because i cant post layouts rn but want to archive it just in case

<style>

          main:before {

width: 100%;

height: 125px ;

display: block;

content: "";

background-image: url('https://i.ibb.co/nMV1NGzh/Untitled3045-20250730163831.png');

background-position: center center;

background-size: cover;

</style>

<style>

:root {

        --logo-blue: #000000;

        --darker-blue: #00cc00;

        --lighter-blue: #00cc00;

        --even-lighter-blue: #000000;

        --lightest-blue: #000000;

        --dark-orange: #000000;

        --light-orange: #00cc00;

        --even-lighter-orange: #000000;

        --green: #000000;

    }

</style>

<style>

main

color: #00cc00;

font-family: Comic Sans MS;

body

</style>

<style>

body{

        background-image: url(https://i.ibb.co/5htQydzX/IMG-6806.png); no-repeat fixed; background-size:cover;

.contact .inner a img 

    font-size: 0;

}

</style>

<style> 

.contact .inner a img {

        font-size: 0;

    }

    .contact .inner a img:before {

        font-size: 1em;

        display: block

    }

    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

   /* add to friends */

   content: url("https://gifcity.carrd.co/assets/images/gallery04/cac880c8.gif?v=e3c0bc0f")

    }

    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

   /* add to favorites */

   content: url("https://gifcity.carrd.co/assets/images/gallery04/1f262f85.gif?v=e3c0bc0f")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

   /* send Message */

   content: url("https://gifcity.carrd.co/assets/images/gallery04/e610b259.gif?v=e3c0bc0f")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

   /* forward to friend */

   content: url("https://gifcity.carrd.co/assets/images/gallery04/cd044a72.gif?v=e3c0bc0f")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

   /* instant message */

   content: url("https://gifcity.carrd.co/assets/images/gallery269/332983b6.gif?v=e3c0bc0f")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

   /* block user */

   content: url("https://watermelon.crd.co/assets/images/gallery11/d9cc3e46.gif?v=e2e5e274")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

   /* add to group */

   content: url("https://watermelon.crd.co/assets/images/gallery11/e64e280a.gif?v=e2e5e274")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

   /* report user */

   content: url("https://watermelon.crd.co/assets/images/gallery11/4bcda2ec.png?v=e2e5e274")

    } 

</style>

<style>

p{ color: #00cc00;} 

a{ color: #00cc00;} 

h2 { color: #00cc00;}

h1, .count, .friends a p {color: #00cc00;} 

h3 , h4, h5, .url-info b {color: #00cc00;}

main {

     background-color: black !important;

}

footer {

     background-color: black !important;

}

.logo {

   filter: sepia(100%) hue-rotate(45deg) saturate(400) brightness(80%);

}

.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/PGHpCVD3/IMG-7245.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; }

          </style>