*{
    box-sizing: border-box;
}


body {
    background-color:aquamarine;
}

header{
    width: 95%;
    margin: 15px auto;
    background-color: black;
    color:white;
    font-size: 4em;
    display: flex;
    justify-content: space-around; /*el space around lo distribuye todo alrededor de lo que tengas*/
    padding: 10px;
    outline: 10px dotted red;

}

h1{
    font-size: 5em;
    text-align: center;
    letter-spacing: 15px;
}

article{
    width: 90%;
    margin: 20px auto;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

article:first-of-type{
    background-color: grey;
    border: 5px dashed greenyellow
}

article:nth-of-type(2){
    background-color: rgb(92, 14, 86);
    border: 5px groove cyan;
}

article:nth-of-type(3){
    background-color: brown;
    border: 5px dotted red;
}

article:last-of-type{
    background-color: rgb(52, 66, 23);
    border: 5px solid yellow;
}

h2{
    color: black;
    font-size: 3em;
    text-align: center;
    letter-spacing: 10px;
}

h3{
    width: 100%;
    color:white;
    font-size: 2em;
    text-align: left;
}

article > p:last-of-type{
    font-size: 2em;
    padding:20px;
    margin: 0;
}