:root {
	--global-font-size  : 15px;
	--global-line-height: 1.4em;
	--global-space      : 10px;
	--font-stack        : Menlo, Monaco, Lucida Console, Liberation Mono,
		DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
		serif;
	--mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
		DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
		serif;
	--background-color       : #111111;
	--page-width             : 60em;
	--font-color             : #e8e9ed;
	--invert-font-color      : #222225;
	--secondary-color        : #ff6b6b;
	--tertiary-color         : #a3abba;
	--primary-color          : #aa0000;
	--error-color            : #ff3c74;
	--progress-bar-background: #3f3f44;
	--progress-bar-fill      : #fd3d3d;
	--code-bg-color          : #2E3440;
	--input-style            : solid;
	--display-h1-decoration  : none;
}
/* #2E3440*/

html {
	background-color: var(--background-color)
}

body {
	font-size       : var(--global-font-size);
	color           : var(--font-color);
	line-height     : var(--global-line-height);
	margin          : 0;
	font-family     : var(--font-stack);
	word-wrap       : break-word;
	background-color: var(--background-color)
}

a {
	cursor         : pointer;
	color          : var(--primary-color);
	text-decoration: none
}

a:hover {
	background-color: var(--primary-color);
	color           : var(--invert-font-color);
	text-decoration : none
}

.link-outer {
	background-color: var(--background-color)
}

a.link-title {
	color: var(--primary-color);
}

a.link-title:hover {
	color: var(--invert-font-color)
}


blockquote {
	position        : relative;
	padding-left    : calc(var(--global-space) * 2);
	padding-left    : 2ch;
	overflow        : hidden;
	background-color: var(--code-bg-color);
}

.markdown blockquote {
	border-left     : 5px solid #abbdcb;
	padding         : 15px 30px;
	margin-bottom   : 15px;
	background-color: var(--code-bg-color);
}

code {
	font-weight     : inherit;
	background-color: var(--code-bg-color);
	font-family     : var(--mono-font-stack)
}

code::after,
code::before {
	content: "`";
	display: inline
}

pre code::after,
pre code::before {
	content: ""
}

pre {
	display         : block;
	word-break      : break-all;
	word-wrap       : break-word;
	color           : var(--secondary-color);
	background-color: var(--background-color);
	border          : 1px solid var(--secondary-color);
	padding         : var(--global-space);
	white-space     : pre-wrap;
	white-space     : -moz-pre-wrap;
	white-space     : -pre-wrap;
	white-space     : -o-pre-wrap
}

pre code {
	overflow-x : scroll;
	padding    : 0;
	margin     : 0;
	display    : inline-block;
	min-width  : 100%;
	font-family: var(--mono-font-stack)
}

.markdown pre {
	border: 1px solid #e0e6eb;
	background: var(--code-bg-color);
  }
.markdown code {
	background: var(--background-color);
  }

.card {
	color: var(--invert-font-color);
}
.link-tag {
	padding: 3px 7px;
	font-weight: bold;
}
.link-tag a:focus,
.link-tag a:hover {
	background-color: var(--primary-color);
	font-weight: bold;
}

.daily-item-body {
	background-color: #fff;
	color           : var(--invert-font-color);
	padding         : 15px;
}


figure {
	margin: 0
}

figure>figcaption {
	color     : var(--secondary-color);
	text-align: center
}

.button-primary {
    color           : #fff;
    background-color: var(--primary-color)
}

.button-primary:focus,
.button-primary:hover {
    background-color: var(--secondary-color); 
    color           : var(--invert-font-color);
}

.button-primary:active {
    background-color: #0c7cd5;
    color           : #fff
}

.header-main {
	background-color: var(--primary-color);
}

.blue-dot{
	position:absolute;
	width:7px;
	height:7px;
	top:4px;
	right:4px;
	border-radius:50%;
	background:#0c7cd5;
}


.float-left {
  float: left;
  margin-right: 10px; 
}

.float-right {
  float: right;
  margin-left: 10px; 
}

.subheader {
  background-color: #aa0000;
  }