body {
   background-image:url("meow.jpg");
  background-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  font-family:"Noto Sans JP";
}


.mainbox {
  height: auto; 
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 4px solid rgb(149, 150, 255); /* Adds a visible outline */
  background-color: white  ; /* Adds a fill color */
  padding: 20px;          /* Space inside the box */
  margin: 0px auto;        /* Space outside the box */
  border-radius: 15px; /* Applies to all four corners */
  
}

.box1 {
  height: auto; 
  width: 20%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 4px solid rgb(149, 150, 255); /* Adds a visible outline */
  background-color: white  ; /* Adds a fill color */
  padding: 5px;          /* Space inside the box */
  margin: 2px auto;        /* Space outside the box */
  border-radius: 80px; /* Applies to all four corners */
}