@charset "UTF-8";

@media screen and (max-width: 500px) {
	main {
		width: 80vw;
		margin-top: -5vw;
		padding: 5vw;
		border-radius: 4vw;
	}

	main img {
		width: 100%;
		max-width: 400px;
		margin-bottom: 5vw;
		border-radius: 2vw;
	}

	.content {
		margin: 0 5vw;
	}

	.content h1 {
		margin-bottom: 20px;
		font-size: 5vw;
	}

	.content p {
		font-size: 3vw;
	}

	footer {
		position: absolute;
		left: 0;
		bottom: 0;

		width: 100%;
		padding: 2vw;
		font-size: 2.5vw;

		flex-direction: column;
		gap: 0.5vw;
	}
}