.blurbs, .blog, .short {
    background: calc(100% - 5px) 2px no-repeat,);
}
body {
    background-color: var(--body-color);
    color: var(--text-color);
}

.box:not(#footer, .comments), .short, #name, .topLeft.blogCard, .tableLeft, .tableRight{
    background-color: var(--bkg-color) !important;
}


#header {
     background-image: var(--gradient) !important;
}

#header, #hSub {
    background-color: var(--bkg-color) !important;
    box-sizing: border-box;
}

div#hSub {
    text-align: center;
}

#hSub a, #header a:not(.logo){
    color: var(--text-color);
}

.box:not(.topLeft.blogCard > .boxInfo.box, #footer, .comments, .fwiends), .short, #name, .tableRight {
    padding: 3.5em 2em ;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.topLeft.blogCard > .boxInfo.box {
    border: none;
    padding: 1.5em 1em ;
    margin-bottom: 20px;
}

#name, .topLeft.blogCard{
    padding: 1.5em 1em ;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.box:not(.topLeft.blogCard > .boxInfo.box, #footer, .comments), .short, #name, .tableLeft, .tableRight, #name, .topLeft.blogCard {
    box-shadow: var(--outset);
}

div#hSub {
    box-shadow: var(--outset);
}

.short {
    margin-top: 10px;
}

#footer {
     bottom:0;
     font-size:0;
     left:500px;
     position:fixed;
     pointer-events: none;
}

pre {
    background-color: #242424;
    border: 2px solid var(--text-color);
    padding: 8px 16px ;
    overflow-x: auto;
}

code {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
    color: white !important;
}

.avatar {
    max-width: 200px;
    width: 100%;
    margin: 0;
}

.box.fwiends, #name {
    border: 5px solid;
    border-image-slice: 1;
    border-image-source: var(--gradient);
}

.box.fwiends {
    padding: 3.5em 2em ;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.shortRight {
    padding-left: 20px;
}

:link { color: var(--link-color); }
:visited { color: var(--link-v); }
:link:active, :visited:active { color: var(--link-a); }

button{
    box-sizing:border-box;
    border:none;
    border-radius:0;
    min-width:75px;
    min-height:23px;
    padding:0 12px;
    background:silver;
    box-shadow: var(--outset);
}

.fwiendCount {
    color: #CC6633;
}

button:not(:disabled):active{
    box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;
    padding:2px 11px 0 13px;
}

button:focus{outline:1px dotted #000;outline-offset:-4px}

.boxButton {
    display: block;
    width: 100%;
    height: 50px;
    padding: inherit;
    background: var(--button-color);
    box-shadow: var(--outset);
    text-align: center;
    color: var(--text-color);
    font-weight: bold;
    line-height: 50px;
    box-sizing: border-box;
}

.boxInfo > a {
    text-decoration: none;
}

.boxButton:hover{
    box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;
}
.rightHead {
    border: 2px inset var(--border-l);
    background-color: var(--bkg-color);
    padding: 4px;
}

.boxHead {
    border: 2px outset var(--border-l);
    margin-bottom: 8px;
}
a:hover {
  animation: changeColor 1.5s linear infinite;
}

@keyframes changeColor{
    0%{color:#FDDB68;}
    10%{color:#F48190;}
    20%{color:#CE65BA;}
    30%{color:#AE73B5;}
    40%{color:#6880AC;}
    50%{color:#4892B7;}
    60%{color:#44BAAA;}
    70%{color:#6AC66F;}
    80%{color:#D1EC2B;}
    90%{color:#FFF011;}
    100%{color:#FFC16D;}
}

:root {
    --text-color: white;
}
/*Fwiend Removal*/
	/*Variables*/
		:root {
			--userName: "vanzm";
			--headerSize: small;
			--contactBox: small;
			--bodySize: 15px;
		}
	/*Removal where only font-size is an issue*/
		#hSub > a[href*="list"]{
				font-size:0;
			}
			#hSub > a[href*="list"] > span:after{
				font-size:var(--headerSize);
				content:"User Directory"
			}
		#hSub > a[href*="all"]{
				font-size:0;
			}
			#hSub > a[href*="all"] > span:after{
				font-size:var(--headerSize);
				content:"My Friends"
			}
		#add{
				font-size: 0;
			}
			#add:after{
				font-size: var(--contactBox);
				content:"Add to Friends";
			}
		#hUp > a.blinkYellow{
				font-size:0;
			}
			#hUp > a.blinkYellow:after{
				font-size:var(--headerSize);
				content: "New Friend Requests!";
			}
		#hUp > a[href*="all"] > span{
				font-size:0;
			}
			#hUp > a[href*="all"] > span:after{
				font-size:var(--headerSize);
				content: "New Friends!";
			}
	/*Removal where name string is an issue*/
		#container > div.topRight > div.box.fwiends > div.rightHead > b{
				font-size:0;
			}
			#container > div.topRight > div.box.fwiends > div.rightHead > b:after{
				font-size:var(--bodySize);
				content:var(--userName) "'s Friends Space";
			}
		#container > div.topRight > div.box.fwiends > div.fwiendCounter > b{
				font-size:0;
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b:before{
				font-size:var(--bodySize);
				content:var(--userName) " has ";
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b > span.fwiendCount{
				font-size:var(--bodySize);
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b:after{
				font-size:var(--bodySize);
				content:" friends.";
			}
		#viewFriends > b{
				font-size:0;
			}
			#viewFriends > b:before{
				font-size:var(--bodySize);
				content:"View ";
			}
			#viewFriends > b > a{
				font-size:var(--bodySize);
			}
			#viewFriends > b:after{
				font-size:var(--bodySize);
				content:" " var(--userName) "'s Friends";
			}
/*Text box*/
	/*Variables*/
		:root {
			--textBoxFontName: Consolas;
			--textBoxFontSize: 15px;
			--textBoxFontWeight: 400;
			--textBoxTextColor: #fff;
			--textBoxBackground: #ffffff;
			--textBoxCursor: url(https://cur.cursors-4u.net/cursors/cur-8/cur760.cur), auto;
		}
	#commentInput{
		font: var(--textBoxFontWeight) var(--textBoxFontSize) var(--textBoxFontName);
		color: var(--textBoxTextColor);
		background: var(--textBoxBackground);
		cursor:var(--textBoxCursor) !important;
	}
/* avatar animation and shadow */
@keyframes roll{0%{border:4px solid #ff5757;box-shadow:0 0 2rem #ff5757;}50%{border:4px solid #57ff57;box-shadow:0 0 2rem #57ff57;}100%{transform:rotate(360deg)}}
    background-size: cover;

}

h3 {
    display: block;
    font-size: 2em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 1px;
    margin-inline-end: 1px;
    font-weight: bold;
    color: #989de3;
}
body {
background-image: url(https://i.gifer.com/7Y7J.gif);
background-color: #989de3; ;
background-size:100% 100%;
background-attachment:fixed;}


/* image animation */
img{transition:.2s box-shadow,.2s border,.2s transform,.2s margin;}
/*add*/
.fwiendFace img {
     border: 4px solid #ffffff;
     border-radius: 50%;
     background-position: center;
     border-radius: 50%;
     display: absolute;
     height: 100px;
     object-fit: cover;
     width: 100px;
     border-width: 2px;
     border-color: #ffffff;
}
div.box.blurbs, div.box.fwiends, div.extended.box {
     background-color: rgba(0, 0, 0, 0.3);
}
div.box.blurbs {
     padding-left: 5px;
     padding-right: 5px;
}
.fwiendFace:hover {
    border-radius: 15px;
    transform: scale(1.5);
    animation: wob 1s linear infinite;
    background: Silver;
    box-shadow: 0 0 1rem Aquamarine;
    border: 10px solid #add8e6;
    transition: 1s;
}
hey dude!
heres the code for it :) wasn't sure what you wanted exactly but heres the full thing
/ KEYFRAMES /
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 20px); }
100% { transform: translate(0, -0px); }
}
@-webkit-keyframes reveal { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes reveal { from { opacity:0; } to { opacity:1; } }
@-o-keyframes reveal { from { opacity:0; } to { opacity:1; } }
@keyframes reveal { from { opacity:0; } to { opacity:1; } }
body {
-webkit-animation: 1s linear forwards reveal;
-moz-animation: 1s linear forwards reveal;
-o-animation: 1s linear forwards reveal;
animation: 4s linear forwards reveal;
}
.blurbs, .box, .box.comments {
animation-name: floating;
animation-duration: 9s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

ALT ACC

@import url("https://github.com/Fawkes-McCloud/Win93MySpaceCss/blob/main/PurgeFwiend.css");

body{
  color: Navy;
  background-size:100% 100%;
  background-attachment:fixed;
  -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
  filter: blur(1px)

}
:root {
				--background-image: url(https://im2.ezgif.com/tmp/ezgif-2-48c18e29c56a.gif);
			        --font: Blippo;
				--weight: 400;
				--font-size: 17px;
				--fontColor: Navy;
				--linkColor: Navy;
				--linkDecoration: bold;
				--linkDecorationOnHover: bold;
				--contactBoxLinksColor: Navy;
				--contactBoxLinksDecoration: bold;
				--mySpaceUrlLinksColor: Navy;
				--mySpaceUrlLinksDecoration: bold;
				--friendPageLinksColor: Navy;
				--friendPageLinksDecoration: bold;
				--subHeaderLinksColor: Navy;
				--subHeaderLinksDecoration: bold;
				--headerLinksColor: Navy;
				--headerLinksDecoration: bold;
				--footerLinksDecoration: bold;
				--footerTwoLinksDecoration: bold;
				--boxHeadColor: Navy;
				--h4Color: Navy;
				--rightHeadColor: Navy;
				--friendCountColor: Navy;
				--nameColor: Navy;
				--commentColor: Navy;
				--background-image: url(https://i.gifer.com/7Y7J.gif);
		}
	/*Standard Text*/	
		body{
			font-family: var(--font);
			font-weight: var(--weight);
			font-size: var(--font-size);
			color: var(--fontColor);
			background-image: url(https://im2.ezgif.com/tmp/ezgif-2-48c18e29c56a.gif);
		}
		.boxHead{
			color: var(--boxHeadColor);
		}
		h4{
			color: var(--h4Color);
		}
		.rightHead{
			color: var(--rightHeadColor);
		}
		.fwiendCount {
			color: var(--friendCountColor);
		}
		#name{
			color: var(--nameColor);
		}
		#userWall > tbody > tr > td.tableRight{
			color: var(--commentColor);
		}
	/* Links */
		a:link {
			color: var(--linkColor);
			text-decoration: var(--linkDecoration);
		}

		a:visited {
			color: var(--linkColor);
			text-decoration: var(--linkDecoration);
		}

		a:active {
			color: var(--linkColor);
			text-decoration: var(--linkDecoration);
		}
		a:hover {
			text-decoration: var(--linkDecorationOnHover);
		}
		.boxButton {
			color: var(--contactBoxLinksColor);
			text-decoration: var(--contactBoxLinksDecoration);
		}
		#container > div.topLeft > div.url.box > div:nth-child(2) > a{
			color: var(--mySpaceUrlLinksColor) !important;
			text-decoration: var(--mySpaceUrlLinksDecoration) !important;
		}
		#top a{
			color: var(--friendPageLinksColor);
			text-decoration: var(--friendPageLinksDecoration);
		}
		#hSub a {
			color: var(--subHeaderLinksColor);
			text-decoration: var(--subHeaderLinksDecoration);
		}
		#header a:not(.logo){
			color: var(--headerLinksColor);
			text-decoration: var(--headerLinksDecoration);
		}
		#footer a{
			text-decoration: var(--footerLinksDecoration);
		}
		#footer > div > p > a:nth-child(5){
			text-decoration: var(--footerTwoLinksDecoration) !important;
		}

/*Colors of not text */
	/*Variables*/
		:root {
			--background: #000;
			--primaryColor: #000;
			--secondaryColor: #000;
		}
	body{
		background: var(--background);
	}
	div#header{
		background: var(--primaryColor);
	}
	.rightHead{
		background: var(--primaryColor);
	}
	.boxHead{
		background: var(--primaryColor);
	}
	.tableLeft{
		background: var(--primaryColor);
	}
	div#hSub{
		background: var(--secondaryColor);
	}
	.tableRight{
		background: var(--secondaryColor);
	}
/*Other*/
	/*Removing Contact Box Pictures*/
        #report{
              background-image: url(null);
        }
        #block{
              background-image: url(null);
        }
        #add{
              background-image: url(null);
        }
        #sMsg{
              background-image: url(null);
        }
        .boxButton {
              padding-left: 0px;
              padding-top: 0px;
        }
	/*Make Image Rendering not Shit*/
		img{
			image-rendering: initial;
		}
	/*Don't show friend faces*/
		.fwiendFace img {
			width: calc(0% );
		}

    /*Black box around friend names*/
		.fwiendFace {
              border: 1px solid #000;
        }
		
    /* Commment images begone */
        .tableLeft img{
              max-width: calc(0%);
        }

	/* Remove About me and who i'd like to meet header */
		h4{
			font-size: 0;
		}
	
	/*Removing the margin under blurbs*/
		.blurbs{
			margin-bottom: 0;
		}
	
	/* Remove who I want to meet section */
		#who > p{
			font-size:0;
		}
		
	/*Nice two lines that allow for longer usernames in the comment section without text-wrapping*/
		.tableLeft{padding: 0;}
		.tableLeft > a > div{max-width: none;}
	
	/*Change location*/
		#country{font-size:0 !important}
            #country:after{
                font-size: var(--bodySize);
                content:"United States of Dumpster";
            }
			
	/*Make the secondary header dividers invisible */
		div#hSub{
			color: #0000;
		}
		
	/*"About mi" isntead of "FawkesMcCloud's Blurbs"*/
	    #container > div.topRight > div.box.blurbs > div.rightHead > b{
				font-size: 0;
			}
            #container > div.topRight > div.box.blurbs > div.rightHead > b:after{
                font-size: var(--bodySize);
                content:"Who’s Donovan? ";
            }

	/*Changing "FawkesMcCloud's friend space" to "FawkesMcCloud's friends"*/
	    #container > div.topRight > div.box.fwiends > div.rightHead > b{
				font-size: 0;
			}
            #container > div.topRight > div.box.fwiends > div.rightHead > b:after{
                font-size: var(--bodySize);
                content:"Donovan’s amigos:";
			}
			
	/*Getting rid of the MySpace Url label*/
		#container > div.topLeft > div.url.box > div:nth-child(1){
			font-size: 0;
		}
		
	/*Combining Url and contact box*/
		.boxInfo{
			margin-bottom: 0;
			border-bottom: none;
		}
		#container > div.topLeft > div.boxInfo.box > a{
			padding-left: 2px;
		}
		.url {
			border: 1px solid #000;
			border-top: none;
			padding: 0px;
			padding-left: 2px;
		}
		#container > div.topLeft > div.url.box > div:nth-child(2){
			padding-bottom: 2px;
		}
		#container > div.topLeft.blogCard > div.boxInfo.box{
			border: 1px solid #000;
		}
		
	/*Stop flashing elements from animating*/
		    @keyframes stopIt{
                color: #fff;
            text-decoration: bold;
            }
            .blinkViolet{
				animation:stopIt infinite;
            }
			.blinkRed{
				animation:stopIt infinite;
            }
            .blinkYellow{
				animation:stopIt infinite;
            }
            .blinkGreen{
				animation:stopIt infinite;
            }
.fwiendFace:hover {
    border-radius: 1px;
    transform: scale(1);
    animation: wob 1s linear infinite;
    background: black;
    box-shadow: 0 0 1rem Navy;
    border: 10px solid Navy;
    transition: .5s;
}
/ KEYFRAMES /
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 20px); }
100% { transform: translate(0, -0px); }
}
/*REMOVE FWIEND*/
	/*variables*/
		:root {
			--userName: "Donovan";
			--headerSize: small;
			--contactBox: small;
			--bodySize: 15px;
		}
	/*removal where only font-size is an issue*/
		#hSub > a[href*="list"]{
				font-size:0;
			}
			#hSub > a[href*="list"] > span:after{
				font-size:var(--headerSize);
				content:"User Directory"
			}
		#hSub > a[href*="all"]{
				font-size:0;
			}
			#hSub > a[href*="all"] > span:after{
				font-size:var(--headerSize);
				content:"My Friends"
			}
		#add{
				font-size: 0;
			}
			#add:after{
				font-size: var(--contactBox);
				content:"Add to Friends";
			}
		#hUp > a.blinkYellow{
				font-size:0;
			}
			#hUp > a.blinkYellow:after{
				font-size:var(--headerSize);
				content: "New Friend Requests!";
			}
		#hUp > a[href*="all"] > span{
				font-size:0;
			}
			#hUp > a[href*="all"] > span:after{
				font-size:var(--headerSize);
				content: "New Friends!";
			}
	/*Removal where name string is an issue*/
		#container > div.topRight > div.box.fwiends > div.rightHead > b{
				font-size:0;
			}
			#container > div.topRight > div.box.fwiends > div.rightHead > b:after{
				font-size:var(--bodySize);
				content:var(--userName) "'s Friends Space";
			}
		#container > div.topRight > div.box.fwiends > div.fwiendCounter > b{
				font-size:0;
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b:before{
				font-size:var(--bodySize);
				content:var(--userName) " has ";
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b > span.fwiendCount{
				font-size:var(--bodySize);
			}
			#container > div.topRight > div.box.fwiends > div.fwiendCounter > b:after{
				font-size:var(--bodySize);
				content:" friends.";
			}
		#viewFriends > b{
				font-size:0;
			}
			#viewFriends > b:before{
				font-size:var(--bodySize);
				content:"View ";
			}
			#viewFriends > b > a{
				font-size:var(--bodySize);
			}
			#viewFriends > b:after{
				font-size:var(--bodySize);
				content:" " var(--userName) "'s Friends";
			}
/ KEYFRAMES /
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 20px); }
100% { transform: translate(0, -0px); }
}
.blurbs, .box, .box.comments {
animation-name: floating;
animation-duration: 9s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}