html
{
	background-color: rgb(32, 32, 32);
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 50px;
}

h2
{
	color: rgb(33, 122, 220);
}

p
{
	color: lightgreen;
	font-size: 100%;
	font-weight: normal;
}

button
{
	background-color: saddlebrown;
	color: lightgray;
}

a
{
	font-size: 90%;
	font-weight: lighter;
	color: cyan;
	text-decoration: none;
	cursor: pointer;
}

/* .container
{
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	padding: 8px;
} */

/* .bottom
{
	margin-top: auto;
	margin-bottom: 20px;
} */

.bottom_container
{
	position: absolute;
	bottom: 20px;      					/* margin from bottom */
	left: 50%;         					/* move left edge to center */
	transform: translateX(-50%);		/* center the element */
}

.protection_paragraph
{
	width: 35ch;
	margin-inline: auto;				/* Centers horizontally on modern browsers */
	line-height: 1.6;					/* 1.5 to 1.6 is optimal for reading 65ch lines */
}

.prtctn_usr_prgrph
{
	font-size: 90%;
	font-weight: lighter;
	color: cyan;
}

.anchor-element
{
  position: relative; /* Acts as the coordinate map for the paragraph */
}