@import url(style.css);
header {
	img {
		display: block;
		width: 100%;
	}
}

wrapper#comic {
	display: flex;
	position: relative;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;

	aside {
		height: 100vh;
		position: sticky;
		top: 0;
	}

	aside#side-img-l {
		text-align: left;
	}

	aside#side-img-r {
		text-align: right;
	}

	main {
		width: 50vw;
		padding: 10px 10px 5px 10px;
		max-width: 1000px;
		margin-top: 80px;
		margin-bottom: 30px;
		height: fit-content;
		overflow: hidden;
		background: var(--black);
		border-image-slice: 30 30 30 30;
		border-image-width: 30px;
		border-image-outset: 24px;
		border-image-repeat: repeat repeat;
		border-image-source: url("../assets/border.webp");
	}
}