body
{
	color: #808080;
	background-color: #FFFFFF;
	font: 15px -apple-system;
	font-weight: 400;
	text-align: left;
	line-height: 18px;
	padding-left: 4px;
	padding-right: 0px;
	margin-top: -1px;
}

li
{
	list-style-position: inside;
	text-indent: -15px;
	padding-left: 8px;
	margin-bottom: 18px;
}

a:link, a:visited, a:hover, a:active
{
	color: #0068DA;
	text-decoration: none;
}

.parent
{
	display: grid;
	grid-template-columns: 69px 1fr;
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 0px;
	grid-row-gap: 26px;
	align-items: center;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
.div5 { grid-area: 3 / 1 / 4 / 2; }
.div6 { grid-area: 3 / 2 / 4 / 3; }
.div7 { grid-area: 4 / 1 / 5 / 2; }
.div8 { grid-area: 4 / 2 / 5 / 3; }

h3
{
	font: 15px -apple-system;
	font-weight: 600;
	color: #262626;
	padding: 0 !important;
	margin: 0 !important;
}

.icon
{
	fill: #0068DA;
	fill-rule: evenodd;
}

@media (prefers-color-scheme: dark)
{
	body
	{
		color: #A1A1A1;
		background-color: #1F1F1F;
	}
	
	a:link, a:visited, a:hover, a:active
	{
		color: #419CFF;
		text-decoration: none;
	}
	
	h3
	{
		color: #DDDDDD;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.icon
	{
		fill: #419CFF;
		fill-rule: evenodd;
	}
}
