Pour centrer ton contenu, tu devrais pas utiliser la balise center, y a des propriétés CSS faites pour ça. Ton code est pas super bien indenté. Il manque le doctype. La balise style devrait se trouver dans la balise head, Tu appelles des variables $_POST avant de savoir si elles sont définit, etc...
Renseigne toi sur l'HTML5

Je te laisse analyser ma version de ton code, s'corrigé vite fait hein

<!DOCTYPE html>
<html>
<head>
<style>
body{
background: linear-gradient(to bottom, rgba(100, 100, 100, 0.2) 10% , rgba(255, 255, 255, 0.5) 100%, black 100%);
background-repeat: no-repeat;
}
#pseudo{
box-shadow: 2px 1px 2px black; color: red; font-family: verdana;
}
#message{
box-shadow: 2px 2px 2px black; width: 165px; height: 80px; font-family: verdana;
}
#valid{
border-radius: 3px; border: 1px solid gray; font-size: 16px; display: block;
}
#space{
height: 1%;
}
p{
color: blue;
}
textarea{
color: blue;
box-shadow: 2px 2px 2px; border-radius: 5px; border: 1px solid gray; font-family: verdana; font-size: 13px;
}
</style>
</head>
<body>
<form action="formulaire.php" method="post">
<center>
<textarea readonly="readonly" rows="13" cols="60">
<?php
echo $_POST['<p>pseudo</p>'];
?>
<?php
echo $_POST['message'];
?>
</textarea>
<div id="space"><!--space-->
</div>
<div>
<input type="submit" value="Envoyer" id="valid"/>
</div>
<div id="space"><!--space-->
</div>
<div>
<input type="text" name="pseudo" value="pseudo" id="pseudo"/>
</div>
<div id="space"><!--space-->
</div>
<div>
<input type="text" name="message" value="message" id="message" />
</div>
<br>
</center>
</form>
</body>
</html>
Si tu as compris ce que je fais, tu peux générer on the fly des propriétés CSS avec php pour changer l'apparence de ta page.
Enfin il y a plein de façon de faire...
Par exemple quelque chose comme
<?php
if(isset($_POST["maVariable"])) {
echo "Insere ici des proprietes CSS ou des balises";
}
?>