/* headline end */
.game4content{
  border-top: 1px solid  #c1c1c1;
  border-bottom: 1px solid  #c1c1c1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  background: repeating-radial-gradient(hsl(55, 100%, 50%), #ffffff 10%);
  max-width: 35rem;
  aspect-ratio: 35 / 16.9; /* Maintain the 35:16.9 ratio */
  position: relative;
  overflow: hidden;
}
/*  */
.fn-img {
  position: absolute;
  top: 40%;
  left: 25%;
  height: 8%;
}

/*  */
.redball {
  width: 3.5%;
  height: 7.5%;
  border: 0.1% solid rgb(0, 0, 0);
  background-color: red;
  position: absolute;
  left: 0.5%;
  top: 0.5%;
}

/* Obstacle Sections */
.obstacle-dv {
  position: absolute;
  width: 60%; height: 30%;
  top: 0;
  right: 15%;  
}
.obstacle {
  height: 50%;
  width: 1.5%;
  background-color: rgb(138, 0, 213);
  position: absolute;
  top: 0%;
}
.obstacle-dv2 {
  position: absolute;
  width: 31%; 
  height: 7%;
  bottom: 33%;
  right: 9.5%;
}
.obstacle2 {
  height: 100%;
  width: 30%;
  background-color: blue;
  position: absolute;
}

#ob1 { left: 10%; }
#ob2 { left: 32%; }
#ob3 { left: 54%; }
#ob4 { left: 76%; }

/* Walls */
.wall { background-color: black; position: absolute; }
#wall1 { height: 80%; width: 1.5%; left: 6%; bottom: 0; }
#wall2 { height: 80%; width: 1.5%; left: 13%; top: 0; }
#wall3 { height: 2.5%; width: 14.5%; left: 13%; top: 80%; }
#wall5 { height: 24%; width: 1.5%; left: 20%; top: 32%; }
#wall6 { height: 46%; width: 1.5%; left: 36%; bottom: 0; }
#wall7 { height: 2.5%; width: 17%; left: 20%; top: 54%; }
#wall8 { height: 2.5%; width: 72%; right: 8%; top: 30%; }
#wall9 { height: 53%; width: 1.5%; right: 8%; bottom: 16%; }
#wall10 { height: 33%; width: 1.5%; right: 39%; bottom: 0; }
#wall11 { height: 14%; width: 1.5%; right: 39%; bottom: 40%; }
#wall12 { height: 17%; width: 1.5%; right: 29%; bottom: 16%; }
#wall13 { height: 33%; width: 1.5%; right: 18%; bottom: 0; }
#wall14 { height: 14%; width: 1.5%; right: 18%; bottom: 40%; }
#wall15 { height: 29%; width: 1.5%; right: 29%; bottom: 40%; }
#wall16 { height: 52%; width: 1.5%; right: 50%; bottom: 16%; }