*{
    box-sizing: border-box;
}

body{
    background-color: aqua;
    
}

header{
    height: auto;
    margin: auto;
    background-color: black;
    color: white;
    font-size: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7em;
    border: 4px dotted red;
    border-width: 10px;
}

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

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

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

p{
    margin: 10px;
    padding-left: 15px;
}



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

article:nth-last-of-type(4){
    background-color: gray;
    border: 3px solid gainsboro;
}

article:nth-last-of-type(4) > i{
    font-size: 3em;
    margin: 10px;
}

article:nth-last-of-type(4) > img{
    display: flex;
    flex-wrap: wrap;
}

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

article:nth-last-of-type(3) > i{
    font-size: 3em;
    margin: 10px;
}

article:nth-last-of-type(2){
    background-color: #800080;
    border: 3px groove red;
    padding: 10px;
}

article:nth-last-of-type(2) > i{
    font-size: 3em;
    margin: 10px;
}

article:nth-last-of-type(1){
    background-color: #2C2C2C;
    border: 3px outset brown;
}

article:nth-last-of-type(1) > i{
    font-size: 3em;
    margin: 10px;
}