body{
  background-image: linear-gradient(#ACFFB7, #BDF1FF, #FFCFB3, #E5E4E4);
  padding:2%;
  margin:2%;
 font-family: "VT323", monospace;
 min-width:1435px;
  
}
#title{
  font-family: "VT323", monospace;
  font-size:3rem;
  text-align: center;
  background-color: #e3b4ff;
  color: #ac00dc;
  border-color: #ac00dc;
  border-style: solid;
  border-width: 15px;
  margin-top:15px;
  
  
}
#basicbending{
  font-family: "VT323", sans-serif;
  text-align: center;
  font-size: 3rem;
  background-color: #ffcfb3;
  color: #ff5d00;
  border-color: #ff5d00;
  border-style: solid;
  border-width: 15px;
  margin-top:15px;
  padding:2%;
}
#mastercards{
  font-family: "VT323", sans-serif;
  text-align: center;
  font-size: 3rem;
  background-color: #e5e4e4;
  color: #7a7a7a;
  border-color: #7a7a7a;
  border-style: solid;
  border-width: 15px;
  margin-top:15px;
  padding:2%;
}
#misccards{
  font-family: "VT323", sans-serif;
  text-align: center;
  font-size: 3rem;
  background-color: #bdf1ff;
  color: #1289aa;
  border-color: #1289aa;
  border-style: solid;
  border-width: 15px;
  margin-top:15px;
  padding:2%;
}
#avatarcards{
  font-family: "VT323", sans-serif;
  text-align: center;
  font-size: 3rem;
  background-color: #acffb7;
  color: #007f11;
  border-color: #007f11;
  border-style: solid;
  border-width: 15px;
  margin-top:15px;
  padding:2%;
}
.gridcontainer{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 15px;
}

.imageContainer{
  overflow:hidden;
}

ul{
  padding:0;
}