como puedo hacer para que la caja se centre?
Código HTML:
Ver original <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> <form method="POST" action=""> <p><img src="images/user.png" width="200px" height="200px"/></p> <p>Correo electrónico
</p> <p><input type="text" name="email"></p>
<p><input type="password" name="pass"></p>
<p><input type="submit" value="Registrar"></p> <p><a href="registro.php">¿Aún no tienes cuenta?
</a> <a href="#">¿Olvidaste la contraseña?
</a></p>
Código CSS:
Ver original* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 16px;
font-family: 'Slabo 27px', serif;
background: #232931;
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Slabo 27px', serif;
font-weight: normal;
}
input[type="text"],input[type="password"] {
margin:0 0 1em 0;
width:250px;
border:0px;
padding:8px;
border-radius:3px;
}
input[type=submit], form a{
padding:1em;
background:#A4A4A4;
border:none;
color:white;
font-size:14px;
border-radius:3px;
text-decoration:none;
width:100px;
}
.caja {
font-size: 18px;
font-weight: 400;
text-align: center;
color: #ffffff;
background: #889ccf;
width:400px;
height:600px;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 35px 0px;
-moz-border-radius: 35px 0px 35px 0px;
-webkit-border-radius: 35px 0px 35px 0px;
border: 2px solid #5878ca;
}