body
{
    width: 800px;

    margin:auto;
    background-image: url("oo.gif");

}

h1{
    color: red;
    font-size: 200px;

}

div 
{
    width: 100px;
    height:100px;
}
header h1{
font-size: 45; 
text-align: center;

}




p

{
width: 200px;
background-color: rgba(255, 0, 255, 0.144);
margin:20px 25px 10px;

}
p
{
background: rgb(0,0,0);
background: linear-gradient(189deg, rgba(0,0,0,1) 0%, rgba(45,42,41,0.3897934173669467) 100%);
}
/*Si aplicamos el valor auto a la propiedad margin, en el espacoi lateral sobrante se repartirá por igual entre los dos lados. Lo usaremos para centrar cualquier elemento de bloque en su contenedor. solo se puede centrar un elemento si tiene definido width o max width.*/