header {
  background-color: #7E62C6;
}
#headline {
  color:#FFEE05;
  text-align: center;
  font-size: 30pt;
  font-family: "Salsa", cursive;
	font-style: normal;
  font-weight: 400;
}
.img-scaling {
	width: 100%;
  max-width: 600px;
}
.box {
  margin-left: auto; 
  margin-right: auto;
  border: 4px solid red;
  max-width: 600px;
}
.cappad {
  padding: 0.5em;
  max-width: 600px;
  font-size: 0.9em;
  font-style: italic;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.2em;
}

.flex-container > div {
  background-color: white;
  width: 100px;
  margin: 0.2em;
  text-align: center;
  padding: 2px;
}
.flex-container :last-child {
  width: 200px;
}
a:link {
  color: #7E62C6;
}
#placeflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding: 0.2em;
  text-align: center;
}
#centerbox {
  text-align: center;
  flex-grow: 1;
}
#sumcolor {
 background-color: yellow; 
}
#footerbox {
 background-color: #FFB175; 
  padding: 1em 0em 1em 2.2em;
}