My Layout Code!

<style>

  .online {

     content:

url("https://i10.glitter-graphics.org/pub/352/352870r1wbtx0gci.gif");)

</style>

<style>

body {

    background: url(https://img1.picmix.com/output/pic/normal/9/1/9/2/13302919_8ca29.gif?1765853253);

}

.profile {

background-image:url(https://i.pinimg.com/736x/42/8e/25/428e25a51f5535682c5bd845d02d4de3.jpg);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: pink; 

//text-shadow: 1px 1px #000000;

};

text-shadow: 2px 2px 3px #000000, 0 0 25px #000000, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #ffffff;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-white-bg)!important; */

border-spacing: 2px;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

    width: 100%;

    border: 2px solid var(--#ffd1dc);

}

table, th, td

}

   border: 1px solid #ffd1dc;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #ffd1dc;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}

   width: 100%;

   border: 4px outset #ffd1dc;

   margin 10px 2;

}

.online

{

  color: pink!important; 

  //text-shadow: 1px 1px pink;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: purple 55;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        --table-header:#ffd1dc;

--table-color: white;

--link-text: white;

--main-text: white;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #e010d6;

text color: pink;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

footer 

{

    background: pink!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: pink;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

.contact {

  border-radius: 8px;

  background-image: url(https://i.pinimg.com/736x/24/e0/86/24e0864c985734647228eb61392434e7.jpg);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: black;

  text-shadow: 1px 1px 2px #ff14d0, 0 0 25px #ff14d0, 0 0 3px #ff14d0; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background:  black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #d609be;

}

nav .top {

  background: transparent;

}

nav .links {

  background: rgba(0, 0, 0, 0.3);

}

nav { background-image: url(https://i.pinimg.com/736x/e2/c7/c3/e2c7c302ef15eec2897b09e0b0317bd7.jpg) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #c50576;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c50576;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #c50576;

    text-shadow: 1px 1px 2px black;

  }

  .profile .table-section .details-table td{

    background: rgba(0, 0, 0, 0);

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #c50576;

    color: #ffffff;

    text-shadow: 1px 1px 2px black;

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #ffffff;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://i.pinimg.com/736x/52/41/27/524127dc3c14c709bfd4dc7a7ac3877a.jpg);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

.profile .blurbs .section :nth-child(2) {

background-image: url(https://i.pinimg.com/736x/87/90/b5/8790b5bae92e10f0e7d12c97bf359b17.jpg);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#FFF;

}

.profile .profile-info .inner h3 a {

color: #FFFFFF;

}

.profile .profile-info {

background-image: url(https://i.pinimg.com/736x/52/41/27/524127dc3c14c709bfd4dc7a7ac3877a.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

</style>

<style>

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

body{font-family: "potta one" ;}

<style></style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/bOsEyUyAgv8?si=9cRtrCqsXVBuJSGt//?&;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>* {cursor: url(https://cur.cursors-4u.net/mechanics/mec-3/mec225.cur), auto !important;}</style>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">

<img src="https://i.postimg.cc/jdFYrKPJ/Picsart-25-12-16-13-47-16-423.png" width="300" height="300"/></div>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">

<img src="https://i.postimg.cc/yxWw3ZBj/Picsart-25-12-16-13-18-12-128.png" width="300" height="300"/></div>

<div style="float:  ; max-width: 200px; height: auto; position: fixed; left: 37px; top: 9px; z-index: 200;"><img src="https://i.postimg.cc/W4RH84LY/giphy.webp"/></div>

<div style="float:  ; max-width: 200px; height: auto; position: fixed; right: 37px; top: 9px; z-index: 200;"><img src="https://i.postimg.cc/6p1vx7pQ/4825183d4946aa46423f6c76b0f388a5.gif"/></div>