.related-box {
	width: 200px;
	height: 100px;
	color: #ffffff;
	font-size: 20px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	transition: filter 0.3s ease-in-out;
	margin: 0px 5px 10px 5px;
	position: relative;
	overflow: hidden;
	
  }

.related-box.active {
	border: 2px solid orange;
}

.related-box.active .related-poster {
	filter: blur(2px) brightness(40%);
}
    
.related-poster {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	filter: blur(4px) brightness(30%);
	transition: filter 0.3s ease-in-out;
}
  
.related-box:hover .related-poster {
	filter: blur(0.1px) brightness(40%);
}

.related-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	user-select: none;
}



@media (max-width: 411px) { 

	.related-box {
		width: 145px;
		height: 70px;
		font-size: 15px;
	}

}

@media (min-width: 411px) and (max-width: 576px) { 

	.related-box {
		width: 180px;
		height: 70px;
		font-size: 15px;
	}



}

@media (min-width: 577px) and (max-width: 768px) { 
	._animeinfo h2 {
		font-size: 0.5em;
	}

}

@media (min-width: 769px) and (max-width: 991px) { 

}

@media (min-width: 993px) and (max-width: 1198px) {
	._animeinfo h2 {
		font-size: 1.5em;
	}

	._animeinfo .description {
		font-size: 15px;
	}

}

@media (min-width: 1199px) and (max-width: 1399px) {

	.related-box {
		width: 180px;
		height: 80px;
		font-size: 18px;
	}

}

@media (min-width: 1400px) {

	.related-box {
		width: 200px;
		height: 100px;
		font-size: 20px;
	}

}