<!DOCTYPE html>
<html lang="en">
<head>
<title>furpSocial</title>
<meta charset="UTF-8">
<style>
:root {
--accent: #32a852;
}
body {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
background: var(--accent);
margin: 0;
padding: 0;
#body-input {
width: 100%;
height: 150px;
</style>
</head>
<body>
<div style="width: 100%; max-width: 600px; background: white; height: 100vh; margin: auto; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0px 0px 10px gray;">
<h1 style="margin: 0; font-size: 20px;"><span style="color: var(--accent);">furp</span>social</h1>
<hr>
<br><br>
<form method="post">
Signature: <input type="text" name="signature"><br>
<label for="body">Body:</label>
<textarea id="body-input" name="body"></textarea>
<input type="submit">
</form>
Welcome <?php echo $_POST["signature"]; ?><br>
You said: <?php echo $_POST["body"]; ?>
</div>
</body>
</html>
