html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
footer.author-share {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
  border-top: 1px solid #5a5a5a;
  position: relative;
}
footer.author-share .avatar {
  background-color: #FFF;
  width: 50px;
  height: 50px;
  padding: 0;
  position: absolute;
  left: 50%;
  top: -25px;
  margin-left: -25px;
}
footer.author-share .share img {
  width: 25px;
}
footer.author-share .share p {
  text-align: right;
}
footer.author-share h2 {
  font-size: 18px;
}
footer.author-share p {
  margin-top: 5px;
}
header .author {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
header .author .avatar {
  width: 100px;
}
header .author .head-blog {
  color: #6d6d6d;
  font-size: 14px;
}
header .author p:not(:last-of-type),
header .author h1 {
  margin-bottom: 10px;
}
header .author > div {
  margin-inline-end: 20px;
  -webkit-margin-end: 20px;
}
header .author h1 {
  font-size: 18px;
}
header .author .social img {
  width: 30px;
}
.avatar {
  border-radius: 50%;
  border: solid 1px black;
}
@media (max-width: 650px) {
  header .author .avatar {
    width: 45px;
  }
  header .author p:not(:last-of-type),
  header .author h1 {
    margin-bottom: 5px;
  }
  header .author .social {
    display: none;
  }
}
/* Use mobile header version also for posts as an exception */
.post header .author .avatar {
  width: 45px;
}
.post header .author p:not(:last-of-type),
.post header .author h1 {
  margin-bottom: 5px;
}
.post header .author .social {
  display: none;
}
body {
  color: #5a5a5a;
  font-family: "Roboto", sans-serif;
  padding: 20px;
}
h1,
h2,
h3,
strong {
  font-weight: bold;
}
article {
  margin-top: 44px;
  line-height: 1.7rem;
  font-size: 1.1rem;
}
article a {
  text-decoration: none;
  color: #527998;
}
article a:hover:not(.post-title) {
  text-decoration: underline;
}
article h1 {
  font-size: 2rem;
  line-height: 2.2rem;
}
article h2 {
  color: #5a5a5a;
  font-size: 1.6rem;
}
article h2 a {
  transition: filter 0.1s ease-out;
  color: #527998;
}
article h2 a:hover {
  filter: brightness(80%);
}
article h3 {
  color: #5a5a5a;
  font-size: 1.4rem;
}
article p {
  margin-top: 1.4rem;
}
article img {
  max-width: 50%;
  float: left;
  padding: 10px;
}
article iframe {
  margin-top: 1.5rem;
  max-width: 100%;
}
article ul {
  margin-top: 1rem;
  list-style-position: outside;
  padding-left: 1.5rem;
}
article li {
  margin-top: 0.5rem;
}
article code {
  font-family: monospace;
  background-color: #f7f7f7;
  padding: 0.2rem;
}
article pre code {
  font-size: 1rem;
  line-height: 1.2rem;
  display: block;
  padding: 1rem;
  margin-top: 1.5rem;
  overflow: hidden;
  overflow-x: auto;
}
article .subtitle {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2rem;
  margin-top: 12px;
  font-weight: bold;
}
article .meta-post {
  margin: 12px 0px;
  font-size: 12px;
}
article .meta-post em {
  font-size: 14px;
  font-weight: bold;
  color: #527998;
}
article .social {
  vertical-align: middle;
  display: inline-block;
}
article .social img {
  padding: 0px;
  max-width: none;
}
.post img.full-width {
  max-width: 90%;
  float: none;
}
.post img.right {
  float: right;
}
.post h2,
.post h3,
.post h4 {
  margin-top: 1.8rem;
}
.post h2 a,
.post h3 a,
.post h4 a {
  color: #5a5a5a;
}
body {
  margin: 0px auto;
  max-width: 700px;
}
.post main,
.post aside {
  display: block;
  vertical-align: top;
}
.post #main-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 650px) {
  .desktop-hide {
    display: none !important;
  }
}
@media (max-width: 650px) {
  .tablet-hide {
    display: none !important;
  }
}
nav {
  font-size: 22px;
}
nav ul {
  padding: 0 6px;
  list-style: none;
}
nav ul li {
  display: inline-block;
  font-weight: 700;
  padding: 18px 14px;
  text-transform: uppercase;
}
nav ul li a {
  text-decoration: none;
  color: #5a5a5a;
}
nav ul li a:hover {
  text-decoration: underline;
}
nav:not(.hamburger) {
  margin: 36px -20px 0 -20px;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
}
nav.hamburger {
  align-self: center;
  width: 40px;
  height: 40px;
  margin: 10px;
}
nav.hamburger input[type=checkbox] {
  opacity: 0;
  width: inherit;
  height: inherit;
  position: absolute;
}
nav.hamburger input[type=checkbox]:focus ~ label {
  outline: #527998 auto 5px;
}
nav.hamburger input[type=checkbox] ~ label {
  background-image: url("/images/icons/hamburger.svg");
}
nav.hamburger input[type=checkbox]:checked ~ label {
  background-image: url("/images/icons/close.svg");
}
nav.hamburger label {
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
nav.hamburger label:hover {
  filter: contrast(200%);
  transition: filter 0.1s ease-out;
}
nav.hamburger input[type=checkbox]:checked ~ [role="dialog"] {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
}
nav.hamburger [role="dialog"] {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  background-color: #f7f7f7f2;
  font-size: 2rem;
  z-index: 1;
}
nav.hamburger [role="dialog"] .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
nav.hamburger [role="dialog"] .container ul {
  text-align: center;
}
nav.hamburger [role="dialog"] .container ul li {
  display: block;
}
@media (max-width: 650px) {
  nav {
    font-size: 18px;
  }
}
.social img {
  width: 24px;
  vertical-align: middle;
}
.hamburger .social img {
  vertical-align: top;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lL2xlc3MvX3Jlc2V0Lmxlc3MiLCJ0aGVtZS9sZXNzL19hdXRob3IubGVzcyIsInRoZW1lL2xlc3MvX2F1dGhvci1tb2JpbGUubGVzcyIsInRoZW1lL2xlc3MvX2NvbnRlbnQubGVzcyIsInRoZW1lL2xlc3MvX2xheW91dC5sZXNzIiwidGhlbWUvbGVzcy9fbmF2aWdhdGlvbi5sZXNzIiwiaW5wdXQiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFBTTtBQUFNO0FBQUs7QUFBTTtBQUFRO0FBQVE7QUFDdkM7QUFBSTtBQUFJO0FBQUk7QUFBSTtBQUFJO0FBQUk7QUFBRztBQUFZO0FBQ3ZDO0FBQUc7QUFBTTtBQUFTO0FBQVM7QUFBSztBQUFNO0FBQ3RDO0FBQUs7QUFBSztBQUFJO0FBQUs7QUFBSztBQUFLO0FBQUc7QUFBRztBQUNuQztBQUFPO0FBQVE7QUFBUTtBQUFLO0FBQUs7QUFBSTtBQUNyQztBQUFHO0FBQUc7QUFBRztBQUNUO0FBQUk7QUFBSTtBQUFJO0FBQUk7QUFBSTtBQUNwQjtBQUFVO0FBQU07QUFBTztBQUN2QjtBQUFPO0FBQVM7QUFBTztBQUFPO0FBQU87QUFBSTtBQUFJO0FBQzdDO0FBQVM7QUFBTztBQUFRO0FBQVM7QUFDakM7QUFBUTtBQUFZO0FBQVE7QUFBUTtBQUNwQztBQUFNO0FBQUs7QUFBUTtBQUFNO0FBQVM7QUFDbEM7QUFBTTtBQUFNO0FBQU87RUFDbEIsU0FBQTtFQUNBLFVBQUE7RUFDQSxTQUFBO0VBQ0EsZUFBQTtFQUNBLGFBQUE7RUFDQSx3QkFBQTs7QUNsQkQsTUFBTTtFQWdDSixhQUFBO0VBQ0EsOEJBQUE7RUFDQSxnQkFBQTtFQUNBLFdBQUE7RUFDQSw2QkFBQTtFQUNBLGtCQUFBOztBQXJDRixNQUFNLGFBRUo7RUFFRSxzQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFVBQUE7RUFDQSxrQkFBQTs7QUFYSixNQUFNLGFBYUosT0FFRTtF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 */