Bio de Perfil

<!DOCTYPE html>
<html lang="pt-br">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Bio de Perfil <title>Bio de Perfil</title>
<style>
/* Estilos principais para o corpo da página */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-image: url('https://wallpapers.com/images/hd/white-globe-anonymous-7olsn0ua3gkf55sl.jpg'); /* Substitua pela URL do seu background */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

/* Contêiner principal da bio */
.bio-container {
background-color: #fff;
border-radius: 10px;
overflow: hidden;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Fundo do contêiner com imagem de fundo via URL */
.background {
background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSTaCzGNOOxeuJlsvwTMV-CHgY8nv1W3H1tzA&s'); /* Substitua pela URL do seu background */
background-size: cover;
background-position: center;
height: 120px;
width: 100%;
}

/* Estilos da foto de perfil com URL */
.profile {
text-align: center;
padding: 20px;
position: relative;
top: -30px; /* Ajuste para que a foto fique sobre o fundo */
}

.profile-img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
border: 3px solid white;
}

/* Nome do usuário */
.name {
margin: 10px 0;
font-size: 1.5em;
color: #333;
}

/* Descrição do usuário */
.description {
color: #666;
font-size: 1em;
margin: 10px 0;
}

/* Estilos para os links */
.links {
padding: 10px 20px;
text-align: center;
}

.link {
display: block;
color: #4CAF50;
text-decoration: none;
margin: 5px 0;
font-size: 1em;
}

.link:hover {
text-decoration: underline;
}
</style>

<div class="bio-container">
<div class="background">

</div>

<div class="profile">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Anonymous_emblem.svg/480px-Anonymous_emblem.svg.jpg" alt="Foto de perfil" class="profile-img"> 
<h1 class="name">VolsyX
<p class="description">Olá, sou Volsyx, atual dono da Justiceiros, breve aviso a todos Preconceituosos do mundo, estamos a solta, em parte de todo o mundo.</p>
<p>We are Legion. We do not forgive. We do not forget. Expect us.</p>
</div>

<div class="links">
<a href="https://discord.gg/V7CdAw724E" class="link">Justiceiros</a>
<a href="https://discord.gg/B7sfWs7dpW" class="link">NightX</a>
<a href="https://discord.gg/arquivo" class="link">BoladosVaz</a>
<a href="https://guns.lol/volsyx" class="link">VolsyX Anonymous</a>
</div>
</div>