body {
  background-color: white;
  color: black;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#upper_left {
	width: 190px; height: 173px;
	position: absolute;
	top: 0; left: 0;
	background-image: url("boykisseridk.gif");
	background-repeat: no-repeat;
}

#upper_right {
	width: 190px; height: 173px;
	position: absolute;
	top: 0;
	right: 0%;
	background-image: url("boykisseridk.gif");
	background-repeat: no-repeat;
}

#lower_left {
	width: 190px; height: 173px;
	position: absolute;
	bottom: 0%; left: 0;
	background-image: url("boykisseridk.gif");
	background-repeat: no-repeat;
}

#lower_right {
	width: 190px; height: 173px;
	bottom: 0%;
	right: 0%;
	position: absolute;
	background-image: url("boykisseridk.gif");
	background-repeat: no-repeat;
}
/*
#he {
	width: 512px; height: 512px;
	bottom: 0%;
	right: 0%;
	position: absolute;
	background-image: url("/he.png");
	background-repeat: no-repeat;
}

.he {
  height: auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.he {
  width: 512px; height: 512px;
}*/

#he {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -256;
  left: -50%;
  right: 0;
  height: 100%;
	background-image: url("he.png");
	background-repeat: no-repeat;
	/*background-position: center;
  align-self: flex-end;*/
  background-size: cover;
}

#hepc {
  background-image: url("he.jpg");

  height: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}