#Gator{
cursor: pointer;
}

.PWA{
  position: absolute;
  bottom: 8px;
  right: 0px;
}

#Navi{
max-height:100%;
width:50%;
}

#Navi:hover{
width:75%;
filter: invert(100%);
}

.navContent{
display: grid;
position:relative;
width:auto;
text-align:center;
margin-top:2%;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(3, 50%);
grid-gap: 5%;
padding:5%;
}

.PDA{
height:0;
width:35%;
z-index:2;
position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
overflow-x:hidden;
transition:0.3s;
background-color:#9c1c00;
  background-image: url('https://files.catbox.moe/sthgel.jpg');
  border: 0px solid #9c1c00;
  border-radius: 5px;
}

.PDA a{
  opacity:0.8;
  padding: 8px;
  text-decoration: none;
  font-size: 125%;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

.PDA img{
max-height:100%;
width:100%;
}

body{
  background-image: url('https://files.catbox.moe/a1xjfn.jpg');
}

.field{
display:flex;
flex-direction:row;
}

.table{
display:flex;
flex-direction:column;
}