body {
  background-image: url("../img/bg.png");
}
h1, h2{
  font-family: "kop";
  color: white;
  text-shadow: #000 2px 2px 4px;
  -webkit-font-smoothing: antialiased;
}
.container {
  display: grid;
  grid-template-columns: repeat( 2, minmax(250px, 1fr) );
  /* grid-template-rows: 200px 200px 200px; */
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  justify-items: start;
  /* grid-gap is shorthand for row+colum-gap*/
}
.item-a {
  border: 5px solid black;
  color: #ff00d1;
  min-width: auto;
  background-color: white;
}
.item-b {
  border: 5px solid black;
  color: #ff00d1;
  min-width: auto;
  max-width: 300px;
  background-color: white;
}
.item-c {
  border: 5px solid black;
  color: #ff00d1;
  min-width: auto;
  background-color: white;
}

img {
  width: 100%;
}

@font-face{
	font-family: "kop";
	src:url('cmunssdc.ttf');
	font-weight: normal;
	font-style: normal;
}