@media only screen and (min-width: 376px) {
	header {
		justify-content: space-between;
		padding: 0 30px;
	}
	header > a {
		height: 80%;
		width: 40%;
	}
	header > button {
		font-size: 1em;
	}
	#img-container {
		width: 300px;
		height: 100px;
	}
	#btn-container {
		width: 300px;
	}
	#modal {
		width: 500px;
	}
	#modal > p {
		font-size: 1.4em;
	}
	#characterContainer {
		width: 90%;
		gap: 50px;
	}
	.character-div {
		width: 250px;
		height: 250px;
		&:hover {
			cursor: pointer;
			scale: 110%;
			background-color: gray;
			transition: 0.2s ease-in-out;
		}
	}
	p {
		font-size: 2em;
		background-color: black;
		padding: 50px;
		border-radius: 10px;
	}
	#main-menu {
		padding: 0 100px;
	}
	#select-title {
		width: 500px;
	}
	#select-title > span {
		font-size: 1.2em;
	}
	button:hover {
		scale: 125%;
		background-color: orange;
		color: black;
		cursor: pointer;
	}
	aside {
		width: 500px;
	}
}