faery-ring/static/common-style.css

/* General Styling */
body {
    font-family: Fengardo Neue;
	font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Avara Bold;
	color: #f10385;
}

/* Fonts */
@font-face {
  font-family: Avara Bold;
  src: url(/static/avara.woff2) format("woff2");
}

@font-face {
  font-family: Fengardo Neue;
  src: url(/static/fengardo-neue.woff) format("woff");
}

/* Flag Styling */
.flag {
	display: grid;
	grid-auto-flow: column;
	width: 200px;
	height: 10px;
	border-radius: 3px;
	overflow: hidden;
}
.flag > div {
	height: 10px;
}
footer {
	display: grid;
	justify-items: center;
	align-items: center;
	padding-bottom: 50px;
}

/*******************
 * Fuck Darkreader *
 *******************/
html[data-darkreader-mode] body > :not(#disable-darkreader-popup) {
	display: none;
}
html:not([data-darkreader-mode]) #disable-darkreader-popup {
	display: none;
}
html[data-darkreader-mode] #disable-darkreader-popup {
	display: grid;
}
#disable-darkreader-popup {
	font-family: Avara Bold;
	position:absolute;
	min-height: 100%;
	width: 100%;
	justify-items: center;
	align-content: center;
	background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));
}
#darkreader-why > summary{
	list-style-type: none;
	color: #AA89FD;
}
#darkreader-why > summary:hover {
	text-decoration: underline;
}
#darkreader-why[open] > summary{
	display: none;
}
#darkreader-why[open] {
	font-family: Fengardo Neue;
	max-width: 500px;
	margin: 0 40px;
}
#darkreader-why > section {
  margin: 50px 0;
}
.dark-a11y {
	background-color: black;
	padding: 10px;
	font-weight: bold;
	color: white;
	text-align: center;
	display: block;
	font-size: 1.1em;
}
.dark-a11y:not(:hover) {
  text-decoration: none;
}