.container1{
		display: flex;
		width:90%;
		left:5%;
		justify-content:center;
		flex-wrap:wrap;
		align-items: center;
		
		margin-inline: 3.5rem;
		padding-block: 5rem;
		margin-left:6%;
	}
	.card_container{
		display: grid;
		
		row-gap: 5rem;
		margin-bottom:35px;
	}
	.card_article{
		position: relative;
		overflow: hidden;
		margin:15px;
		width:400px;
	}
	.card_img{
		width: 400px;
		height:500px;
		border-radius: 1.5rem;
	}
	.card_img img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	.card_data{
		width: 100%;
		background-color: #B22222;
		padding: 1.5rem 2rem;
		box-shadow:0 8px 24px hsla(0,0%,0%,0.15);
		border-radius: 1rem;
		position: absolute;
		
		top: 27.6rem;
		/*right: 2rem;*/
		margin-inline: auto;
		/* opacity: 0; */
		transition: opacity 1s 1s;
	}
	.card_desc{
		display: block;
		font-size:1.2em ;
		color: whitesmoke;
		margin-bottom: .25rem;
	}
	.card_title{
		font-size: 2em;
		font-weight: 500;
		color: whitesmoke;
		margin-bottom: 0.75rem;
	}
	.card_button{
		text-decoration: none;
		font-size: 1.4em;
		font-weight: 200;
		color: whitesmoke;
	}
	.card_button:hover{
		text-decoration: underline;
	}
	.card_article:hover .card_data{
		animation: show-data 1s forwards;
		opacity: 1;
		transition: opacity 0.3s;
	}
	.card_article:hover{
		animation: remove-overflow 2s forwards;
	}
	.card_article:not(:hover){
		animation: show-overflow 2s forwards;
	}
	.card_article:not(:hover) .card_data{
		animation: remove-data 1s forwards;
	}
	@keyframes show-data{
		50%{
			transform: translateY(-10rem);
		}
		100%{
			transform: translateY(-4rem);
		}
	}
	@keyframes remove-overflow{
		to{
			overflow: initial;
		}
	}
	@keyframes remove-data{
		0%{
			transform: translateY(-4rem);
		}
		50%{
			transform: translateY(-10rem);
		}
		100%{
			transform: translateY(-0.5rem);
		}
	}