*{
    box-sizing: border-box;
    margin: 10px auto;
}


body {
    background-color: aqua;
    display: flex;
    flex-wrap: wrap
    /*
    PARA COLOCAR IMÁGENES EN EL FONDO
    background-image: url(../img/foto2.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 60%; 
    */
}

h1 {
    color: rgb(152,57,136);
}


h1:nth-of-type(1){
    color:gray;
    background-color: black;
    width: 70%;
    text-decoration: underline dotted 5px red;
    letter-spacing: 20px;
    padding: 20px;
    text-align: center;
    transition: 3s;
    margin-left: 15%
}

h1:nth-of-type(2){
    width: 80%;
}

h1:active{
    background-color: silver;
  
    transition: 3s;
}


#uno{
    color: gold;
    width: 80%;
    text-align: center;
    /*
    PARA PONER IMÁGENES DENTRO DE UN TÍTULO:
    background-size: 7%;
    background-image: url(../img/foto2.png);
    */
}

.dos {
    color:brown;
    width: 80%;
}

h1:nth-of-type(5){
    color:silver;
    width: 80%;
}
p {
    color: black;
    background-color: black;
}

div{
    width: 90%;
    margin: 1px auto
}

p:hover{
    background-color: black;
    background-color: white;
    transition: 3s;
}

    /*
    MÁRGENES:
    margin: 10px = Todos los márgenes iguales
    margin: 10px 3px 5px 6px: top-right-bottom-left
    margin: 10px 30px: top & bottom-left & right
    */