o código

<p><span style="font-size: max(0.875em, 12px); background-color: initial; color: rgb(255, 255, 255);">          </span><iframe width="0" height="0" src="aqui vai o link pra msusica do youtube//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Flutter" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" style="background-color: initial; font-size: 12.8px;"></iframe><br></p><style>

body {

background-image: url('aqui o link pra foto de fundo');

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important;

}

main {

background:none;

color: none;

border: solid 3px white;

border-top: none;

text-align: left;

}

nav .top{

background: none;

color: white;

border: solid 3px white;

border-bottom: none;

}

nav .links{

background: none;

color: white;

border: solid 3px white;

font-size: smaller;

text-align: left;

}

footer{

background: none;

color: white;

border: solid 3px white;

font-size: smaller;

text-align: centre;

}

nav .links a{

text-shadow: none;

}

a{

color: white;

}

a:hover, nav .links a:hover, nav .top a:hover, button:hover{

color: white !important;

text-decoration-style: wavy !important;

}

button{

color: white !important;

background: none;

border: none;

}

.count{

color: white;

}

:root {

--logo-blue: white;

--darker-blue: white;

--lighter-blue: none;

--even-lighter-blue: none;

--lightest-blue: none;

--dark-orange: white;

--light-orange: none;

--even-lighter-orange: none;

--green: white;

}

.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://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Add to Favorites */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Send Message */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?v=d79a70b0?width=16&height=16')

}

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

/* Forward to Friend */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Instant Message */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Block User */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Add to Group */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

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

/* Report Profile */

content: url('https://pix.crd.co/assets/images/gallery21/5b90216d.gif?v=d79a70b0?width=16&height=16')

}

</style><style>

.profile-pic img{

border: 3px solid white !important;

}

</style><style>

.general-about{

position: relative;

margin-top: 30px;

}

</style><style>

html:after {

animation: grain 8s steps(10) infinite;

background-image: url(aqui o link pro efeito granulado, mas se vc quiser o link que tava antes, eh esse aqui https://i.pinimg.com/564x/a1/dd/04/a1dd04676e1af41658cb0ae7ab210d6b.jpg);

content: "";

height: 300%;

left: -50%;

opacity:.1;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}

@keyframes grain {

0%, 100% { transform:translate(0, 0) }

10% { transform:translate(-5%, -10%) }

20% { transform:translate(-15%, 5%) }

30% { transform:translate(7%, -25%) }

40% { transform:translate(-5%, 25%) }

50% { transform:translate(-15%, 10%) }

60% { transform:translate(15%, 0%) }

70% { transform:translate(0%, 15%) }

80% { transform:translate(3%, 35%) }

90% { transform:translate(-10%, 10%) }

}

</style>