body {
  background-color: #052531;
  font: 300 24px/1.5 sans-serif;
  padding: 14%;
}


.list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.good {
  -webkit-flex: 1 auto;
  flex: 1 auto;
  padding: 0.8rem;
  text-align: left;
}

.good a {
  display: block;
  background: url(../images/good_msg.svg) 14px no-repeat, rgba(255, 255, 255, 0.03);
  background-size: 18px 24px, auto;
  background-color: #07D8A0;
  text-decoration: none;
  padding: .6rem 9px .7rem 42px;
  border-radius: 8px;
  font-size: 1.2rem;
  color: #035A2D;
}

.bad {
  -webkit-flex: 1 auto;
  flex: 1 auto;
  padding: 0.8rem;
  text-align: left;
}

.bad a {
  display: block;
  background: url(../images/bad_msg.svg) 14px no-repeat, rgba(255, 255, 255, 0.03);
  background-size: 18px 24px, auto;
  background-color: #D86778;
  text-decoration: none;
  padding: .6rem 9px .7rem 42px;
  border-radius: 8px;
  font-size: 1.2rem;
  color: #fff;
}

header{
  padding: 0 0 0 .8rem;
}

header img{
  position: relative;
}
header h1{
  color: #fff;
  display: block;
  -webkit-margin-before: 0.13em;
  -webkit-margin-after: 1.23em;
  font-size: 1.8rem;
  font-family: 'Roboto', sans-serif;
}