*{
  margin:0 auto;
  padding:0;
}

html, body {
  font-family: sans-serif;
  background-image: linear-gradient(to right top, #cc191f, #a55800, #777400, #488332, #008b68, #009679, #00a18b, #00ac9d, #19c290, #58d576, #96e44f, #daee08);
}

main {
  text-align: center;
  font-size: 8em;
}

.container {
  height: 100%;
  min-height: 100%;
  width: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.imgbox {
  display: grid;
  height: 100%;
  margin: 10px;
}

.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
}

div {
  color:
  #00838f
  #daee08
  #cc191f
  
  #00ba92

  #303018

  #CC191F
  #07914A
  #00BECC
  #DDAA02
  #E23116;
}