/* pw */

.outer
{
	width: 45%;
	margin: 10px auto;
}

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

.pw .item,
.pw #reload
{
	display        : block;
	font-size      : 150%;
	margin         : 10px auto;
	padding        : 10px;
	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;
}