body{
  background-image: url(/_next/static/images/shattered-island-3fa4654e364e7afbebde67c7fa346343.gif);
  height: 94.5vh;
  overflow: hidden;
}

.root{text-align: center;}

.T1{
color: beige;
cursor: pointer;
padding-top:40vh;
font-size: 8vmax;}
.a1{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
}

.r{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 15vh auto;
  text-align: center;
}
a{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.T2{
  color: whitesmoke;
  cursor: pointer;
  grid-column:3/4;
  padding-top:2vmin;
  grid-row:3;
  font-size:2vmax;
  place-self: center;
}
.L{
  grid-column:1/2;
  grid-row:2;
  justify-self: right;
  padding-right:5px;
  transition: color 1.2s ease;
  color: inherit;
  align-self: center;
}
.L:hover{
  color: #2867B2;
}
.T{
  grid-row:2;
  align-self: center;
  grid-column:2/3;
  justify-self: center;
  transition: color 1.2s ease;
  color: inherit;
  padding-right:5px; 
}
.T:hover{
  color:#3b5998;
}
.D{
  align-self: center;
  grid-column:4/5;
  grid-row:2;
  padding-left:5px;
  transition: color 1.2s ease;
  color: inherit; 
  justify-self: center;
}
.D:hover{
  color:#2E4053
}
.I{
display: none;
}
.G{
  align-self: center;
  grid-row:2;
  grid-column:5/6;
  transition: color 1.2s ease;
  color: inherit; 
  padding-left:5px;
  justify-self: left;
}
.G:hover{
  color: #2C3E50
}
.a{
  line-height: 1.4;
  display: block;
  align-self: center;
  justify-self: center;
  grid-column: 3/4;
  grid-row: 2;
  display: inline-grid;
  grid-auto-columns:12vmax 14vmax; 
}
.b{
  grid-row:4;
  grid-column: 2/5;
  padding:2vmin;
  line-height: 2vmax;
  text-align: left;
}
.ab{
  padding-top:5px;
  color: whitesmoke;
  text-align: left;
  font-size: 2.5vmin;
}
.t{
  color: whitesmoke;
  text-align: left;
  font-size: 2.5vmin;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'sans-serif';

}
.hi{
  font-size: 3vmax;
  font-weight: 700;
  /*letter-spacing: 1vmin;*/
  padding-bottom: 6px;
  font-family: 'Righteous', cursive;
  color: beige;
  grid-column: 2;
  grid-row: 1;
}
.tag{
  grid-row: 1;
  grid-column:2; 
  justify-self: center;
  padding-left: 10px;
  padding-bottom: 5px;
  align-self: end;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'sans-serif';
  color: white;
  font-size: 2vmin;
}
.footer{
  position:absolute;
  bottom:2vmin;
  left:40vw;
  font-size: 1.5vmin;
  color: white;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'sans-serif';

}
.footert{
  text-decoration: none;
  color:beige;
  padding-left:1vmin;
  font-size: 2vmin;
}
span{
  -webkit-text-fill-color: white;
  -webkit-background-clip: text;
  background-clip: text;
  background: none;
}
h2{
  font-size: 1.3vmax;
  bottom: 1vmin;
  font-weight: 900;
  color:gray;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}
img{
  border-radius: 50%;
  width:10.8vmax;
  justify-self: center;
  align-self: center;
  height: 11vmax;
  display: inline-block;
}