@font-face {
    font-family: FontA;
    src: url("./fonts/WorkSans-Regular.woff2");
}
.logo {
	text-align:center; 
	margin: 120px auto 120px auto; 
	padding: 35px 20px 35px 20px; 
	background-color: rgba(0,0,0,0.825); 
	width: 100px; 
	text-align: center; 
	border-radius: 0; 
	font-size: 1rem; 
	box-shadow: -10px 10px 0px rgba(0 0 0 / 11%);
}
.logo * {
	color: rgba(255,255,255,0.9); 
}
.logo a {
	text-decoration: none;
}
body {
	background: rgba(0 0 0 / 1%);
}
body * {
	font-family: sans-serif;
}
article * {
	color: rgba(0,0,0,80%);
}
article { 
	padding-bottom: 0;
	margin-bottom: 0;
	background: white;
	border: 1px solid rgba(0 0 100 / 15%);
	box-shadow: -5px 5px 0px rgba(0 0 0 / 8%);
}
article h1 {
	margin: 5px 0 5px 0;
	font-family: FontA;
}
article h2, h3 {
	margin: 20px 0 5px 0;
	font-size: 1.2rem;
	font-family: FontA;
}
article header, article main {
	padding: 25px;
}
article main {
	padding-top: 5px;
}
article header {
	border-bottom: 2px dashed rgba(0,0,0,0.2);
}
article header a { 
	text-decoration: none;
}
a {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-style: dashed;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0,0,0,0.3);
}
article p, article li {
	line-height: 26px;
}
article time {
	font-size: small;
	font-variant-caps: small-caps;
}
dfn {
	color: rgba(0, 0, 0, 0.6);
	padding-left: 5px;
}
legend { 
	margin-top: 10px;	
}
small {
	line-height: 20px;
}