:root{
	--popup_color1:rgba(255,255,255,1);
	--popup_color2:rgba(0,0,0,0.6);
	--popup_bg1:rgba(69, 81, 247, 1);
	--popup_bg2:rgba(40,40,40,1);
	--popup_bg3:rgba(240, 46, 117, 1);
	--popup_bg4:rgba(38, 121, 199, 1);
}
.popup_block1{
	width:90%;
	max-height:70vh;
	overflow-y:auto;
	max-width:700px;
	display:flex;
	flex-wrap:wrap;
	padding:30px;
	border-radius:10px;
	background-color:var(--popup_color1);
	z-index:10000;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:all 0.3s;
}
.popup_block2{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	background-color:var(--popup_color2);
	z-index:7000;
	transition:all 0.3s;
}
.popup_block3{
	width:100%;
	text-align:center;
	font-size:27px;
	margin-bottom:15px;
}
.popup_block4{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.popup_block5{
	position:absolute;
	z-index:20000;
	top:-15px;
	right:-15px;
	width:15px;
	height:15px;
	cursor:pointer;
}
.popup_block6{
	width:100%;
	margin-top:70px;
	margin-bottom:10px;
	font-size:27px;
	text-align:center;
}
.popup_block7{
	width:100%;
	padding:10px;
	border-radius:10px;
	background:var(--popup_bg1);
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-top:15px;
	margin-bottom:15px;
	transition:all 0.3s;
	opacity:1;
}
.popup_block7:hover{
	opacity:0.9;
}
.popup_block8{
	width:60px;
	height:60px;
	margin-right:20px;
}
.popup_block9{
	font-size:15px;
	color:white;
}
.popup_block10{
	font-size:17px;
	color:white;
}
.popup_block11{
	width:100%;
	padding:10px;
	border-radius:10px;
	background:var(--popup_bg2);
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-top:15px;
	margin-bottom:15px;
	transition:all 0.3s;
	opacity:1;
}
.popup_block12{
	width:100%;
	padding:10px;
	border-radius:10px;
	background:var(--popup_bg3);
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-top:15px;
	margin-bottom:15px;
	transition:all 0.3s;
	opacity:1;
}
.popup_block13{
	width:100%;
	padding:10px;
	border-radius:10px;
	background:var(--popup_bg4);
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-top:15px;
	margin-bottom:15px;
	transition:all 0.3s;
	opacity:1;
}
.popup_block11:hover{
	opacity:0.7;
}
.popup_block12:hover{
	opacity:0.7;
}
.popup_block13:hover{
	opacity:0.7;
}

@media screen and (max-width:800px){
	.popup_block8{
		width:50px;
		height:50px;
	}
	.popup_block1{
		max-height:90vh;
	}
}