@import url("../fonts/fonts.css");

/*
 * Scrollbar CSS
 */
:root {
	scrollbar-color:#adf742 #121212 !important;
	scrollbar-width:thin !important; 
}

html {
	scrollbar-face-color:#adf742;
	scrollbar-base-color:#adf742;
	scrollbar-3dlight-color:#adf742;
	scrollbar-highlight-color:#adf742;
	scrollbar-track-color:#121212;
	scrollbar-arrow-color:#121212;
	scrollbar-shadow-color:#121212;
	scrollbar-dark-shadow-color:#121212;
}

::-webkit-scrollbar { width:8px; height:3px;}
::-webkit-scrollbar-button {  background-color:#121212; }
::-webkit-scrollbar-track {  background-color:#adf742;}
::-webkit-scrollbar-track-piece { background-color:#121212;}
::-webkit-scrollbar-thumb { height: 50px; background-color:#adf742; }
::-webkit-scrollbar-corner { background-color:#adf742; }
::-webkit-resizer { background-color:#adf742; }

body {
	font:18px "lato", sans-serif;
	line-height:1.5;
	background:#212121;
	color:#adf742;
}

body>* {
	max-width:40em;
	margin:0 auto;
}

img {
	display:block;
	max-width:100%;
	border-radius:3px;
}

h1 {
	font-family:"slabo_13px", "lato", sans-serif;
	color:#adf742;
}
h2,h3,h4,h5,h6 {
	font-family:"lato", "lato", sans-serif;
	font-size:17px;
	color:#adf742;
}

a, a:link, a:visited {
	color:#888;
}
a:hover {
	color:#adf742;
}
a:active {
	color:#888;
}

p,li {
	color:#b9b290;
}

h1.blog-title a,
p.blog-title a {
	text-decoration:none;
	color:#787878;
}
p.blog-title a:hover {
	color:#565656;
}
h2.list-title a {
	color:#b9b290;
	text-decoration:none;
}
h2.list-title a:hover {
	color:#adf742;
}
h2.list-title span {
	font-weight:normal;
	color:#888;
}

hr {
	border:none;
	border-top:1px solid #343434;
}

footer {
	color:#888;
	padding:0.8em;
	margin:1.5em auto 0;
	background:#333;
	font-style:italic;
	box-sizing:border-box;
	border-radius:3px;
}
footer span {
	font-size:13px;
	width:50%;
}
footer span:nth-of-type(1) {
	float:left;
	text-align:left;
}
footer span:nth-of-type(2) {
	float:left;
	text-align:right;
}

pre {
	background:#333;
	padding:5px 10px 5px 10px;
	border-radius:3px;
	width:100%;
	display:block;
	overflow:auto;
	color:#e5debd;
	font-size:13px;
}

.clear {
	clear:both;
}

.rating-wrapper {
	border:1px solid #888;
	border-radius:3px;
	text-align:center;
	display:flex;
	align-items:center;
	padding:3%;
	margin-top:25px;
	flex-direction:column;
}
.rating-wrapper legend {
	margin-bottom:5px;
}
.rating-wrapper fieldset {
	width:100%;
	display:flex;
	justify-content:center;
}
.starability-basic {
	min-height:inherit !important;
}
.starability-result {
	font-size:inherit;
}