body {
  font-family: sans-serif;
  margin: auto;
  max-width: 1280px;
 /*   background:
        linear-gradient(red, transparent),
        linear-gradient(to top left, #29BB9C, transparent),
        linear-gradient(to top right, #662D91, transparent);
    background-blend-mode: screen;
 */ 
}

div.graycol {
  background-color: #55585D;
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  height: 100%;
}

div.greencol {
  background-color: #29BB9C;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
}

div.bluecol {
  background-color: #3A4ED5;
  border-radius: 20px;
  padding: 20px;
  color: #fff;
  height: 100%;
}

.violet {
  color: #662D91;
}

.blue {
  color: #3a4ed5;
}

.green {
  color: #29BB9C;
}

.gray {
  color: #55585D;
}

h2.green, h2.violet, h2.blue {
  font-size: 1rem;
  font-weight: lighter;
}