/* ======================================== */
/* PIXEBOY */
/* ======================================== */

.section_pb {
	position:relative;
	width:100%;
	height:auto;
	padding:0px;
	background-color:#FFFFFF;
	transition:all 1s ease-in-out;
}

.pb_div {
	--max: calc(100vw - var(--margin_w));
	position:relative;
	width:80vh;
	height:80vh;
	max-width:var(--max);
	max-height:var(--max);
	margin:auto;
}

.pb_img {
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	transition: all 0.5s ease-in-out;
}

.pb_menu {
	position:relative;
	display:grid;
	width:fit-content;
	height:auto;
	margin:auto;
	padding:20px 30px 20px 30px;
	grid-template-columns:repeat(12,16px);
	grid-auto-rows:auto;
	justify-content:center;
	gap:24px;
	border-radius:15px;
	background-color:#FFFFFF;
}

/*.pb_menu {
	position: absolute;
	width: fit-content;
	height: auto;
	margin: auto;
	padding: 16px 16px 0.1px 16px;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
}*/

.pb_menu_round {
	--size:20px;
	position:relative;
	width:var(--size);
	height:var(--size);
	border-radius:50%;
	cursor:pointer;
	background-color:var(--col);
	transition:all 0.1s ease-in-out;
}

.pb_menu_round2 {
	position:absolute;
	width:65%;
	height:65%;
	margin:0;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	background-color:var(--col);
}