* {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: 'Roboto';
}

body { height: 100vh; }

main.container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(185, 185, 185, 0.5) 0%, rgba(185, 185, 185, 0.5) 12.5%,rgba(191, 191, 191, 0.5) 12.5%, rgba(191, 191, 191, 0.5) 25%,rgba(198, 198, 198, 0.5) 25%, rgba(198, 198, 198, 0.5) 37.5%,rgba(204, 204, 204, 0.5) 37.5%, rgba(204, 204, 204, 0.5) 50%,rgba(210, 210, 210, 0.5) 50%, rgba(210, 210, 210, 0.5) 62.5%,rgba(216, 216, 216, 0.5) 62.5%, rgba(216, 216, 216, 0.5) 75%,rgba(223, 223, 223, 0.5) 75%, rgba(223, 223, 223, 0.5) 87.5%,rgba(229, 229, 229, 0.5) 87.5%, rgba(229, 229, 229, 0.5) 100%),linear-gradient(45deg, rgb(230, 230, 230) 0%, rgb(230, 230, 230) 12.5%,rgb(224, 224, 224) 12.5%, rgb(224, 224, 224) 25%,rgb(217, 217, 217) 25%, rgb(217, 217, 217) 37.5%,rgb(211, 211, 211) 37.5%, rgb(211, 211, 211) 50%,rgb(205, 205, 205) 50%, rgb(205, 205, 205) 62.5%,rgb(199, 199, 199) 62.5%, rgb(199, 199, 199) 75%,rgb(192, 192, 192) 75%, rgb(192, 192, 192) 87.5%,rgb(186, 186, 186) 87.5%, rgb(186, 186, 186) 100%);
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  justify-content: space-evenly;
}
color {
  background: blueviolet;
}