/*
#############
    font
############
*/
body{
    font-family: arial;
    background-color: rgb(238,238,238);
    padding: 0px;
    margin: 0px;
}


/* 
###############
    header
###############
*/

header{
    background-color: rgb(68,68,68);
    text-align: center;
    height: 12vh;
    padding-top: 5px;
}

h1{
     color: rgb(221,87,53);
}

header p{
    text-align: center;
    color: grey;
}



/* 
###############
    Main
###############
*/
main {
    margin: 0% 30% 0% 30%;
}

section:nth-of-type(1){
    border: 1px dashed red;
    padding: 10px;
    display: flex;
    height: 30px;
    margin-bottom: 200px;
}

section:nth-of-type(1) article{
    background-color: white;
    border: 1px solid grey;
    padding: 10px;
    height: 150px;
}

section:nth-of-type(2){
    border: 1px dashed red;
    padding: 10px;
    display: flex;
}

section:nth-of-type(2) article{
    background-color: white;
    border: 1px solid grey;
    padding: 10px;
}

section:nth-of-type(3){
    border: 1px dashed red;
    padding: 10px;
    display: flex;
}

section:nth-of-type(3) article{
    background-color: white;
    border: 1px solid grey;
    padding: 10px;
    border-bottom: 5px solid red;
}

section:nth-of-type(4){
    border: 1px dashed red;
    padding: 10px;
    display: flex;
}

section:nth-of-type(4) article{
    background-color: white;
    border: 1px solid grey;
    padding: 10px;
    border-bottom: 5px solid purple;
}


/* 
###############
   Footer
###############
*/
footer{
    background-color: rgb(68,68,68);
    border: 1px solid black;
    text-align: center;
    padding-top: 40px;
    margin-top: 40px;
    color: white;
    padding-bottom: 15px;
}

footer img{
    width: 7%;
}

.orange{
    color: rgb(221,87,53);
}

footer p {
    text-align: center;
}