/*
Theme Name: blog@timonwimmer
Theme URI: https://themes.timonwimmer.com/
Author: @timonwimmer
Author URI: https://timonwimmer.com/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 0.9
License: MIT
Text Domain: blog@timonwimmer

*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

html {
	margin: 0 !important;
}

body {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 16px;
	line-height: 1.7;
}

.wrapper {
	margin: 0 auto;
	padding: 0 16px;
	max-width: 680px;
}

.site-head {
	margin-top: 50px;
	margin-bottom: 70px;
}

.site-head h1 {
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 42px;
}

.site-head a {
	position: relative;
}

.site-head a::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: rgba(206, 227, 151, .75);
	transition: all .25s ease-in-out;
}

.site-head a:hover::before {
	bottom: 0;
	height: 100%;
}

.site-head h2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
}

.post-head {
	margin-bottom: 28px;
}

.post-head h1 {
	margin-bottom: 11px;
	font-size: 23px;
	line-height: 32px;
}

.post-head h1 a {
	position: relative;
}

.post-head a::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: rgba(255, 233, 243, .85);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .25s ease-in-out;
}

.post-head a:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.post-head h2 {
	font-weight: 400;
	font-size: 17px;
	line-height: 16px;	
}

h2,
.post-content {
	font-family: 'Merriweather', serif;
}

article p, 
.post-views.content-post {
	margin-bottom: 14px;
}

.post-views.content-post {
	font-size: 12px;
	color: rgb(35, 131, 161);
	opacity: .5;
}

pre[class*="language-"] {
	margin: 0;
}

article pre[class*="language-"] {
	margin-bottom: 14px;
	border-radius: 10px;
}

article p:last-child,  
article pre:last-child {
	margin-bottom: 0 !important;
}

article {
	margin-bottom: 70px;
}

.break-line {
	white-space: pre-wrap !important;
}