*{
    box-sizing: border-box;
}

body {
    background-color: #25baa4;
}

a{
    color: white;
    font-size: 5em;
    margin: auto;
}

i{
    margin: 10px;
}

header{
    display: flex;
    flex-wrap: wrap;
    background-color: black;
    outline: dotted 10px red;
    justify-content: center;
}

h1{
    font-size: 4em;
    text-align: center;
}

h2{
    font-size: 2em;
    text-align: center;
}

h3{
    width: 100%;
    text-align: left;
    color: white;
}

p{
    text-align: justify;
    width: 85%;
    margin: 10px;
}

article{
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 20px auto;
    padding: 0px 10px;
    justify-content: end;
}

section{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: justify;
}

img{
    width: 10%;
    margin: 10px;
    border: 2px solid black;
    justify-content: left;
}

article:nth-of-type(1){
    background-color: #808080;
    border: solid 4px #979797;
}

article:nth-of-type(2){
    background-color: #825959;
    border: dotted 2px white;
}

article:nth-of-type(2) > section > p{
    width: 75%;
}

article:nth-of-type(3){
    background-color: #800080;
    border: groove black;
}

article:nth-of-type(4){
    background-color: #827159;
    border: groove #481616;
}

article:nth-of-type(1) > p {
    width: 100%;
}