/* layout things */
.container {
	display: grid;
	grid-template-columns: 50% 50%;
}

.box {
	max-height: 500px;
	overflow: scroll;
}

/* images box */
.images {
	text-align: center;
}
.images img {
	width: 165px;
	height: 165px;
	border: 1px solid var(--black);
	padding: 5px;
	margin: 5px;
}

/* media box */
.book {
	list-style-image: url('../img/core/fav.gif');
}
.song {
	list-style-image: url('../img/core/fav.png');
}

/* characters box */
.align {
  display: flex;
  align-items: center;
  justify-content: center
}
.chara img {
	max-width: 30%;
}
.text {
	padding-left: 20px;
}

/* styling for diff screens */
@media screen and (max-width: 1200px) {
	.images img{
	width: 200px;
	height: 200px;
}
}

@media screen and (max-width: 600px) {
	.container {
		display: block;
	}
}