/* Popup container */
.popupon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.popupon .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	padding: 20px;
	border-radius: 25px;
	max-width: 500px;
	/* Limiting maximum width for better readability */
	width: calc(100% - 40px);
	/* 100% width minus 40px of padding */
}