{max-width: 880px;margin: auto;width: 100%min-width: 320px;}   *{    box-sizing: border-box;    }    body {    font-family: Verdana, Arial;    width: 880px;    margin: 0 auto;    background-image: url(mappemonde.jpg);}.header {  border-left-style: dotted;  border-left-width: 2px;  width: 880px;  height: 407px;  background-image: url(header.png);}.navbar {    padding-top: 10px;    padding-bottom: 10px;    text-align: center;    background-color: #909090;}.navbar a {    color: white;    padding: 14px 20px;    text-decoration: none;    text-align: center;}.navbar a:hover {    text-align: center;    background-color: #ddd;    color: black;}.row {      display: flex;    flex-wrap: wrap;}.side {    flex: 30%;    background-color: #f1f1f1;    padding: 20px;    border: 1px dotted #a2af8a;}.main {    flex: 70%;    background-color: white;    padding: 20px 20px 5px;    border: 1px dotted #a2af8a;}
.footer {   text-align: center;   font-size: 1em;    background: #909090;    padding-top: 10px;    padding-bottom: 20px   }
.footer a { color: white; padding: 20px 20px 20px; text-decoration: none; text-align: center;}
.container.flex {    display: flex;    justify-content: center;}.container {    padding: .75em;    height: 300px;    box-shadow: 0px 0px 5px #333;    border-radius: 4px;    background: light-gray;}.container p {    text-align: center;    background: black;    margin: 1em;    padding: 1em;}
.newspaper {
  column-count: 3;
column-width: 100px;
}