html {
    font-family: 'Lobster', cursive;
    font-family: 'Overpass', sans-serif;
}

body {
    margin: 0px;

}



body {
    margin: 0;
}

header {
    background: purple;
    height: 100px;
}

h1 {
    text-align: center;
    color: white;
    line-height: 100px;
    margin: 0;
}

article {
    padding: 10px;
    margin: 10px;
    background: aqua;
    flex: 200px;

}

section {
    display: flex;
    flex-flow: row wrap;

}

article {
    flex: 1 200px;
}

article:nth-of-type(3) {
    flex: 2 200px;
}