.chroma { color: #f8f8f2; background-color: #282a36 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #3d3f4a } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #ff79c6 } .chroma .kc { color: #ff79c6 } .chroma .kd { color: #8be9fd; font-style: italic } .chroma .kn { color: #ff79c6 } .chroma .kp { color: #ff79c6 } .chroma .kr { color: #ff79c6 } .chroma .kt { color: #8be9fd } .chroma .na { color: #50fa7b } .chroma .nb { color: #8be9fd; font-style: italic } .chroma .nc { color: #50fa7b } .chroma .nf { color: #50fa7b } .chroma .nl { color: #8be9fd; font-style: italic } .chroma .nt { color: #ff79c6 } .chroma .nv { color: #8be9fd; font-style: italic } .chroma .vc { color: #8be9fd; font-style: italic } .chroma .vg { color: #8be9fd; font-style: italic } .chroma .vi { color: #8be9fd; font-style: italic } .chroma .s { color: #f1fa8c } .chroma .sa { color: #f1fa8c } .chroma .sb { color: #f1fa8c } .chroma .sc { color: #f1fa8c } .chroma .dl { color: #f1fa8c } .chroma .sd { color: #f1fa8c } .chroma .s2 { color: #f1fa8c } .chroma .se { color: #f1fa8c } .chroma .sh { color: #f1fa8c } .chroma .si { color: #f1fa8c } .chroma .sx { color: #f1fa8c } .chroma .sr { color: #f1fa8c } .chroma .s1 { color: #f1fa8c } .chroma .ss { color: #f1fa8c } .chroma .m { color: #bd93f9 } .chroma .mb { color: #bd93f9 } .chroma .mf { color: #bd93f9 } .chroma .mh { color: #bd93f9 } .chroma .mi { color: #bd93f9 } .chroma .il { color: #bd93f9 } .chroma .mo { color: #bd93f9 } .chroma .o { color: #ff79c6 } .chroma .ow { color: #ff79c6 } .chroma .c { color: #6272a4 } .chroma .ch { color: #6272a4 } .chroma .cm { color: #6272a4 } .chroma .c1 { color: #6272a4 } .chroma .cs { color: #6272a4 } .chroma .cp { color: #ff79c6 } .chroma .cpf { color: #ff79c6 } .chroma .gd { color: #8b080b } .chroma .ge { text-decoration: underline } .chroma .gh { font-weight: bold } .chroma .gi { font-weight: bold } .chroma .go { color: #44475a } .chroma .gu { font-weight: bold } .chroma .gl { text-decoration: underline }
.buttons code span {
  display: inline-block;
  background-color: #ccc;
  border-radius: 8px;
  padding: 2px 7px;
  text-align: center;
  color: #111;
}

.blogcard {
  max-width: 600px;
	font-size: 14px;
	line-height: 1.45em;
	position: relative;
	overflow: hidden;
	margin: 0 auto 1.6%;
  padding: 1em 1.5em;
	transition: height 0.2s ease;
	border-radius: 0.25em;
	background: #f8f8f8;
	box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}

.blogcard img {
  margin: 0 !important;
}

#app-rank ol {
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding-inline-start: 15px;
	padding-right: 15px;
	list-style-type: none;
	counter-reset: li;
}

#app-rank ol li {
	line-height: 2em;
	padding-left: 30px;
  position: relative;
}

#app-rank ol li:before {
  counter-increment:li;
  content: counter(li)'.';
  color: #000;
	font-weight: 700;
  line-height: 2.05em;
  position: absolute;
  top: 0;
  left: 0;
}

#app-rank ol li a {
	font-weight: 700;
	border-bottom: 1px dotted #01ad9f;
}

img.img-border {
	border: solid 1px #555;
}