html * {max-height:1000000px;}
/* color : https://github.com/morhetz/gruvbox */
main ul{
	list-style: none;
}
main {
	border-bottom: 1px solid var(--borderColor);
	box-shadow: inset 0 -2px 0 hsla(0,0%, 99.2%, 0.5);
}
html {
    background-color: #f2e5bc !important; /* bf*/
    font-size: 1rem
}

html, body {
    color: #343836; /* fg Light mode */
    margin: 0;
    font-family: serif;
}
a {
    color: #9d0006; 
    /* red 9 */
}
table {
    border-color: #5c6060;
}
::placeholder {
    color: #b2aa9e;
}
/*
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #d5c4a1 !important;
    color: #504945 !important;
}
::-webkit-scrollbar {
    background-color: #2b2d2d;
    color: #aca496;
}
::-webkit-scrollbar-thumb {
    background-color: #4e5151;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #5f6364;
}
::-webkit-scrollbar-thumb:active {
    background-color: #515455;
}
::-webkit-scrollbar-corner {
    background-color: #242525;
}
* {
    scrollbar-color: #4e5151 #2b2d2d;
}
::selection {
	background-color: #d5c4a1 !important;
	color: #504945 !important;
}
::-moz-selection {
    background-color: #d5c4a1 !important;
    color: #504945 !important;
}
*/ 
/* Variables Style */
:root {
   --darkreader-neutral-background: #1f2020;
   --darkreader-neutral-text: #d6d0c6;
   --darkreader-selection-background: #15539c;
   --darkreader-selection-text: #e5e0d8;
   --borderColor: #ebdbb2; /* fg1 */
}
img {
    margin: 0 0 0 2px;
}

main h1, main h2, main p {
    padding-left: 50px;
    padding-right: 50px;
}

main h1 {
	font-family: helvetica,Helvetica,sans-serif;
	padding-bottom: .3em;
	font-size: 1.6em;
	/*border-bottom: 1px solid var(--borderColor);*/
	box-shadow: inset 0 -1px 0 hsla(0,0%, 0%,0.1);
}
main h2 {
	padding-bottom: .3em;
	font-size: 1.5em;
	font-family: helvetica,Helvetica,sans-serif;
}

li {
  margin: 9px;
}
.sf-icon{
	width: 10rem;
	margin-left: 2rem;
}
.small-icon{
	/* https://stackoverflow.com/questions/55117226/set-height-of-svg-to-line-height */
    fill: currentColor;
    height: 1em;
    width: 1em; 
    /*  https://stackoverflow.com/a/53336754 */
    filter: brightness(100%) saturate(100%) invert(20%) sepia(3%) hue-rotate(335deg) contrast(77%);
}

input {
	appearance: none; /* reset browser styles */
	padding: 3px 8px;
	color: #3c3836;
	cursor: pointer;
}


.q:active {
	box-shadow: -3px -1px hsla(0, 0%, 0%, 0.5);
}
.q {
	text-decoration: none;
	padding: 3px 8px;
	box-shadow:  1px 3px 0 hsla(0, 0%, 22.4%, 0.5);
	background-color: var(--border-color); 
}