:root {--a: #337AF7;}/* ACCENT COLOR */
html,body,div,ul,li,img,a {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	background-color: #f2f2f2;
	color: black;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: '-apple-system','lato', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
}
b,h1,h2,h3,h4{
  font-family:'-apple-system','lato', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
}
.lg {
	width: 11em;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
}
.lg svg {
	width: 100%;
	height: auto;
}
.c {
	margin-right: auto;
	margin-left: auto;
	width: 20em;
	max-width: 90%;
	padding-top: 1em;
}
.c li {
	background-color: #dedede;
	border-radius: .8em;
	margin-top: .3em;
	padding: 1em 1em 1em 3em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	opacity: .4;
}
.c li svg {
	position: absolute;
	left: 1em;
	top: .85em;
	opacity: .2;
}
.c li.a {
	background-color: white;
	opacity: 1;
	color: black;
}
.c li.a svg {
	color: #ffca00;
	opacity: 1;
}

/* RESPONSIVE STYLES */
@media screen and (min-width:801px) {
	
}
@media screen and (max-width:530px) {
	
}