body, html {
	padding: 0px;
	margin: 0px;
	font-family: 'Source Sans Pro', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	background-color: white;
	color: var(--fosshost-text-black);
	--fosshost-orange: #f67653;
	--fosshost-border-black: #222;
	--fosshost-text-black: #222;
	--fosshost-black: #222;
	--fosshost-grey: #565b69;
	--fosshost-light-grey: #727272;
	--content-max-width: 750px;
}

* {
	font-family: 'Source Sans Pro', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

.fosshost-link {
	text-decoration: none;
	color: var(--fosshost-orange);
	position: relative;
	display: inline;
	padding: -2px 0;
	transition: 0.5s;
}

.fosshost-link::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	top: 100%;
	left: 0;
	background: var(--fosshost-orange);
	transition: transform 0.5s;
	transform: scaleX(0);
	transform-origin: right;
}

.fosshost-link:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

article {
	color: var(--fosshost-grey);
	padding: 0rem;
}

article blockquote, article blockquote p {
	font-size: 28px;
	line-height: 38px;
	font-style: italic;
	color: #72798B;
	position: relative;
}

article blockquote p {
	margin: 0;
}

article blockquote::before {
	content: '';
	background-image: url('/img/quotes.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	left: -4rem;
}

article blockquote {
	margin-left: 6rem;
}

article blockquote h1 {
	font-size: 22px;
	line-height: inherit;
	font-weight: 300;
	color: var(--fosshost-grey);
	margin: 0;
}

article p, article li {
	font-size: 18px;
	line-height: 24px;
	color: #383A45;
}

article li {
	margin-top: 1.5rem;
	padding-left: 1rem;
}

article ol, article ul {
	margin-left: 2rem;
}

article h1 {
	font-size: 28px;
	line-height: 42px;
	color: var(--fosshost-text-black);
}

article h2 {
	font-size: 24px;
	line-height: 42px;
	color: var(--fosshost-text-black);
}

article h5 {
	font-size: 16px;
	line-height: 24px;
	color: var(--fosshost-text-black);
}

article a {
	text-decoration: none;
	color: var(--fosshost-orange);
	position: relative;
	display: inline;
	padding: -2px 0;
	transition: 0.5s;
}

article a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	top: 100%;
	left: 0;
	background: var(--fosshost-orange);
	transition: transform 0.5s;
	transform: scaleX(0);
	transform-origin: right;
}

article a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

article img {
	max-width: 95%;
}

article hr {
	border: none;
	border-top: 2px solid black;
}

.youtube-iframe-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.youtube-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}