*{
    
    margin: 0;
    padding:0;
    position: absolute;
   
   
}
#AA{
    background-color:white; 
   
    width: 20rem;
   height: 27rem;
   border-style: solid;
}
h1{
  color: red;
font-size: 40px;
left: 1rem;
top: 1rem;
}
.A{ width: 0rem;
  height: 0rem;
  border-left : 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem  solid transparent;
  border-top:1rem solid red ;
  top: 5rem;
  left: 1rem;

}
.B{width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: red;
  top: 4rem;
  left:0.9rem;
  position: absolute;

}
.C{
  width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
background-color: red;
top: 4rem;
left: 1.7rem;
position: absolute;
}
.triangle{
    
  width: 0rem;
  height: 0rem;
  border-left : 3rem solid transparent;
  border-right: 3rem solid transparent;
  border-bottom: 3rem  solid transparent;
  border-top:3rem solid red ;
 
  top: 12.7rem;
  left: 6.9rem;
  }
  .circle{
    width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: red;
  top: 9.4rem;
  left: 6.3rem;
  position: absolute;
  }
  .circle1{
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
background-color: red;
top: 9.4rem;
left:9.4rem;
  }
 
.upside-down {

  color: red;
  


  transform: rotate(180deg); /* 180 degree rotation */
  display: inline-block;
  font-size: 40px;
  top: 24rem;
  left: 17rem;
 
}
.D{
  width: 0rem;
  height: 0rem;
  border-left : 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem  solid red;
  border-top:1rem solid transparent ;
  top: 20rem;
  left: 17rem;
}
.E{width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: red;
  top: 21.7rem;
  left:16.8rem;
  position: absolute;

}
.F{
   width: 1.5rem;
    height:1.5rem;
    border-radius: 50%;
background-color: red;
top: 21.7rem;
left:17.6rem;
}

#BB{
    background-color:white; 
   
    width: 20rem;
   height: 27rem;
   border-style: solid;
   top: 0rem;
   left: 21rem;
   
}
h2{
  color: black;
font-size: 40px;
left: 1rem;
top: 1rem;}
.G{
  width: 1.5rem;
  height: 1.5rem;
  background-color: black;
   
      transform: rotate(45deg);
  top: 4rem;
left: 1rem;
}
.H{
    width: 5rem;
  height: 5rem;
  background-color: black;
   
      transform: rotate(45deg);
  top: 10rem;
left: 7rem;
}
.I{ width: 1.5rem;
  height: 1.5rem;
  background-color: black;
   
      transform: rotate(45deg);
  top: 22rem;
left: 17rem;

}
.upside-down1 {

  color:black;
  transform: rotate(180deg); /* 180 degree rotation */
  display: inline-block;
  font-size: 40px;
  top: 24rem;
  left: 17rem;
}
#CC{
    background-color:white; 
   
    width: 20rem;
   height: 27rem;
   border-style: solid;
   top: 0rem;
   left: 21rem;
}
.J{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: black;
  top: 3.5rem;
  left: 1rem;
  border-style: solid; 
}

.K{
    width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black
  ;
  top: 4.5rem;
  left: 1.5rem;
  
  border-style: solid;   
    
 

}
.L{width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  top: 4.5rem;
  left: 0.5rem;
  border-style: solid;   
   
  
}
.M{width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  top: 5.5rem;
  left: 1rem;border-style: solid; 
  position: absolute;
   
    


}
.N{width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: white;
  top: 5.8rem;
  left: 0.8rem;
  position: absolute;}

  .O{width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: white;
  top: 5.8rem;
  left: 1.8rem;
  position: absolute;}
  .P{ width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: black;
  top: 9.7rem;
  left: 8.3rem;
  border-style: solid;

  }
  .Q{
    width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color:black;
  top: 12rem;
  left: 7rem;
  
  border-style: solid;   
    
  }
  .R{
    width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color:black;
  top: 12rem;
  left: 10rem;
  border-style: solid;  
  }
  .S{
    width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color:black;
  top: 14.3rem;
  left: 8.3rem;border-style: solid; 
  position: absolute;
  }
  .U{
    width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color:white;
  top: 15.2rem;
  left: 7.1rem;
  position: absolute;
  }
  .V{
    width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color:white;
  top: 15.2rem;
  left: 10.2rem;
  position: absolute;
  }
  .W{width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  top: 21rem;
  left: 17rem;
  border-style: solid; 

  }
  .X{width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  ;
  top: 22.8rem;
  left: 17rem;
  
  border-style: solid;  

  }
.Y
{width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  top: 22rem;
  left: 16.4rem;
  border-style: solid;  

}
.Z{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:black;
  top: 22rem;
  left: 17.5rem;
  border-style: solid;  
}
.a{
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: white;
  top: 21.1rem;
  left: 16.7rem;
  position: absolute
}
.b{
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: white;
  top: 21.1rem;
  left: 17.8rem;
  position: absolute
}
 h3{
  font-size: 30px;
  position: relative;
  top: 28rem;
right:19rem;
color: brown;

 }