body {
    background-color: #F4EBE8;
    padding-top: 120px;
    padding-left: 120px;
    padding-right: 120px;
}

.grid-container {
  	display: inline-grid;
  	grid-template-columns: repeat(8, 1fr);
  	grid-column-gap: 5px;
    grid-row-gap: 120px;
    grid-auto-flow: dense;
  	position: relative;
  	top: 60%;
    left: 30%
	  height: auto;

  	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;
  font-size: large;
  font-weight: 700;
}

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

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

/*links*/

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  background-color: #0BEFEB;
  opacity: 0.7;
  color: white;
}

h1 {
	position: fixed;
	right:0%;
	top:3%;
	text-align: right;
	background-color: #0BEFEB;
  opacity: 0.5;
	padding: 3px 30px 3px 10px;
	z-index: 10;
	font-size: 32px;
}

