body {
    background-color: #F4EBE8;
    font-size: 18px;
}

.grid-container {
  	display: inline-grid;
  	grid-template-columns: repeat(3, 1fr);
  	grid-column-gap: 5px;
    grid-row-gap: 120px;
    grid-auto-flow: dense;
  	position: relative;
  	top: 60%;
    left: 5%;
	  height: auto;
    margin-left: 120px;
    margin-right: 120px;
  	text-align: : center;
  	z-index: 5;

}

.grid-container > div {
	position: relative;
	text-align: left;
	z-index: 5;
}

.img {
  display: inline-block;
  border-style:  hidden  hidden solid hidden;
  border-color: #0BEFEB;
  height: 500px;
}

.title {
  display:block;
}

.tooltiptext {
  display:block;
  font-weight: normal;
}

.metatext {
  display: inline-block;
  width: 300px;
  overflow-wrap: break-word;
  border-style: hidden;
}

h1 {
	position: fixed;
	right:0%;
	top:3%;
	text-align: right;
  background-color: rgba(11,239,235,0.7);
	padding: 3px 30px 3px 10px;
	z-index: 10;
	: 32px;
}
