<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>speakrandom – Chaos-Powered Random Voice Chat</title>
<meta
name="description"
content="Speakrandom is your chaotic corner of the internet for random voice chat and random chat. Join our Discord to yell into the void and maybe make a weird friend. Or enemy. Who knows."
/>
<meta
name="keywords"
content="random voice chat, random chat, talk to strangers, voice chat Discord, weird chatroom, anonymous voice chat, speakrandom, chaotic chat, online voice chat, random Discord server"
/>
<!-- Google Font -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
rel="stylesheet"
/>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html,
body {
font-family: "Poppins", sans-serif;
}
@keyframes gradientShift {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
body {
background: linear-gradient(135deg, #ff9a3d, rgb(244, 81, 30), #f9d423);
background-size: 800% 800%;
animation: gradientShift 15s ease infinite;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
}
.announcement {
background: rgba(255, 255, 255, 0.95);
padding: 2.5rem 3rem;
border-radius: 1.2rem;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
max-width: 560px;
text-align: center;
}
.announcement h1 {
color: rgb(244, 81, 30);
font-size: 1.8rem; /* Reduced from 2.2rem */
margin-bottom: 1.2rem; /* Adjusted for proportional spacing */
font-weight: 600;
}
.announcement p {
color: #222;
font-size: 1rem; /* Reduced from 1.15rem */
line-height: 1.6; /* Adjusted for proportional spacing */
margin-bottom: 1.8rem; /* Adjusted for proportional spacing */
}
.announcement p strong {
color: rgb(244, 81, 30);
}
.discord-btn {
display: inline-block;
padding: 0.8rem 2rem; /* Reduced padding */
background-color: rgb(244, 81, 30);
color: #fff;
border-radius: 9999px;
font-weight: 600;
text-decoration: none;
font-size: 0.95rem; /* Reduced from 1.05rem */
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.discord-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<div class="announcement">
<h1>Mic On. Brain Off. Random Chat.</h1>
<p>
It’s like yelling into the void, except the void talks back. Join our
server for raw, unfiltered random voice chat with questionable humans.
No bios. No swipes. Just weirdness.
</p>
<a
class="discord-btn"
href="https://discord.gg/crpjcrBKXh"
target="_blank"
rel="noopener"
>Summon the Strangers</a
>
</div>
</body>
</html>