/* ex test4gb (short) */

.styleX {FONT-SIZE: 12px; COLOR: #acc6f7; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.styleY {FONT-WEIGHT: normal; COLOR: #f0f7ff; text-shadow: 1px 1px 2px black, 0 0 1em black;}

.div-border-inside {	/* 15.06.25 */
  box-sizing: border-box;
  -webkit-box-sizing: border-box; /* для Safari */
  -moz-box-sizing: border-box; /* Для Firefox */
  box-sizing: border-box;
  border-radius: 12px;  
  /* width: 360px; */
  border: 1px solid white;
  padding: 10px;		/* 10px; */
  margin: 0 4% 0 2%;  
}

.div-border-inside:hover {
  box-shadow: inset 0 0 0 5px #1a2d55;
  transition: box-shadow 0.3s ease;
}

.zoomin {
    padding: 30px;
    background-color: none;
	float:left;
    transition: transform .2s;
    width: 120px;
    height: 90px;
    margin: 0 auto;
}

.zoomin:hover {
    transform: scale(1.4);
}

.liulol {
  list-style-type: disc;
}

.container {
  display: flex;
}

#block1 {
float: left;
display: block;
width: 860px;
border: 1px solid white;
border-radius: 12px;
margin: 2px;
padding: 4px;
}

#block2 {
float: right;
display: block;
width: 200px;
border: 1px solid none; /* solid none or white */
border-radius: 12px;
margin: 2px;
padding: 4px;
}

.parent2 {
  display: flex;
  justify-content: center; /* Центрирует дочерние элементы по горизонтали */
  /* Другие свойства родителя, например, для определения ширины */
  width: 100%;
}

.centered-div {
  /* width: fit-content; */ /* Можно использовать это свойство */
  width: max-content;		/* (min сменил на max) или это, чтобы ширина соответствовала содержимому */
  padding: 10px;
}