/* pw */

	.outer
	{
		/* width: 45%; */
		margin: 10px auto;
		/* background-color: #E86F6F; */
	}

	@media screen and (max-width: 780px)
	{
		.outer
		{
			width: auto;
		}
	}

	.pw .item,
	.pw #reload
	{
		/* width: max-content; */
		display        : block;
		font-size      : 150%;
		margin         : 10px auto;
		padding        : 15px 30px;
		border         : 5px solid #000;
		border-radius  : 50px;
		cursor         : pointer;
		text-align     : center;
		white-space    : normal;
		text-decoration: none;
		white-space    : nowrap;
		background     : #fff;
		color          : #000;
		transition: all 0.5s ease;
	}

	.pw #reload
	{
		border : none;
		background-color: #E86F6F;
		color: #fff;
		min-width: 50%;
	}

	ul li a
	{
		text-decoration: none;
	}
	ul li a::after
	{
		content: ' ↗️';
	}

	p
	{
		/* white-space: pre-wrap; */
		word-break: break-word;
		overflow-wrap: break-word;
		/* text-align: justify; */
		text-justify: inter-ideograph;
		width: 80%;
		/* background-color: #000; */
		margin: 50px auto;
	}