/* flex box for cards */
.cardflex {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	justify-items: center;
	align-content: space-around;
	gap: 0.33rem;
	margin-bottom: 1rem;
	}

.header_card	{
	flex: 100%;
	}

.gallery_card	{
	max-width: 350px;
	min-width: 250px;
	background: #f0f0f0;
	padding: 3px;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);
	margin-bottom: 4px;
	text-align: left;
	align-content: center;
	scale: 0.5; opacity: 0;
	animation: fade-in linear forwards;
	animation-timeline: view();
	animation-range: 0 300px;
	}

@keyframes fade-in {
		to {scale: 1; opacity: 1;}
	}

.address_card	{
	max-width: 250px;
	min-width: 150px;
	width: 200px;
	background: #f7f7f7;
	padding: 2px;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);
	margin-bottom: 2px;
	text-align: left;
	align-content: center;
	}

.cert_card	{
	width: clamp(20rem, 90vw, 64rem);
	background: #fffff0;
	padding: 3px;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);
	margin-bottom: 4px;
	text-align: left;
	align-content: center;
	font-size: clamp( 10px, 3vw, 1rem);
	}

.log_card	{
	width: 90%;
	background: #fffff7;
	padding: 3px;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);
	margin-bottom: 4px;
	text-align: left;
	align-content: center;
	font-size: clamp( 10px, 3vw, 1rem);
	}

.unbordered_card	{
	padding: 2rem;
	border: 0;
	margin-bottom: 0.5rem;
	text-align: left;
	align-content: center;
	font-size: clamp( 10px, 3.5vw, 1rem);
	}

.plain_card	{
	width: 90%;
	max-width: 600px;
	background: white;
	padding: 0.5rem;
	border: 0;
	border-radius: 0.4rem;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(0,0,0,0.3);
	margin-bottom: 0.5rem;
	text-align: left;
	align-content: center;
	font-size: clamp( 12px, 4vw, 1rem);
	}
.plain_card	ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
	}
.plain_card	li {
	margin-bottom: 0.5rem;
	}

.user_card	{
	position: relative;
	max-width: 60rem;
	min-width: 22rem;
	background: #efe;
	padding: 0.5rem;
	border: 0;
	border-radius: 0.4rem;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(0,0,0,0.3);
	margin-bottom: 0.5rem;
	text-align: left;
	font-size: clamp( 11px, 3.5vw, 1rem);
	}
.user_card	h4 {
	margin-block-start: 0;
	margin-block-end: 0.5rem;
	text-align: center;
	}
.user_card	p {
	margin-block-start: 0;
	margin-block-end: 0.5rem;
	text-align: left;
	}
.menu_img {
	position: absolute;
	display: inline-block;
	left: calc(100% - 36px);
	top: 2px;
	z-index: 20;
	}
.user_dropdown {
	position: relative;
}
.user_dropdown_content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 21;
}
.menu_img:hover .user_dropdown_content {display: block;}
.menu_img:hover .menu_img {background-color: #3e8e41;}
/* Links inside the dropdown */
.user_dropdown_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.user_dropdown_content a:hover {background-color: #ddd;}


.issue_card	{
	width: 90%;
	min-width: 23rem;
	background: #efe;
	padding: 0.5rem;
	border: 0;
	border-radius: 0.4rem;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(0,0,0,0.3);
	margin-bottom: 0.5rem;
	text-align: left;
	font-size: clamp( 10px, 3.5vw, 1rem);
	}
.issue_card	h4 {
	margin-block-start: 0;
	margin-block-end: 0.5rem;
	text-align: left;
	}
.issue_card	p {
	margin-block-start: 0;
	margin-block-end: 0.5rem;
	text-align: left;
	}


@media only screen and (max-width: 800px) {

	.cardflex {
	}
	

}