html, body { 
  margin: 0; 
}

body:after {
  font-size: .8em;
  background-color: #EB4377;
  /*color: rgba(223, 183, 180, .3);*/
  position: fixed;
  width: 100%;
  bottom: 1em;
  text-align: center;
}

#cloud {
  overflow: hidden;
  width: 1px; height: 1px;
  transform: translate(-100%, -100%);
  border-radius: 50%;
  filter: url(#filter);
}

@font-face {
  font-family: alphaClouds;
  src: url(../fonts/AlphaClouds.ttf);
}

#varia {
  line-height: 1.03em;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-shadow: 2px 2px #8B5B7F;
  font-size: 60px;
  text-align: center;
  font-family: alphaClouds;
}

.container {
  margin 0 auto;	
  width: 100vw;		
  display: grid;
  grid-template-columns: 250px 250px 250px 250px;
  grid-template-rows: 200px 200px 200px;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  justify-content: space-evenly;
}
.item-a {
  z-index: 10;
  border: 5px solid black;
  color: black;
  min-width: auto;
  background-color: white;
}
.item-b {
  z-index: 10;
  border: 5px solid black;
  width: auto;
  background-color: white;
}
.item-c {
  z-index: 10;
  border: 5px solid black;
  width: auto;
  background-color: white;
}

td, th {
    border: 1px solid black;
}
table {
    border-collapse: collapse;
}