/* Ozgur defines */
:root {
  --general-text-color: rgb(88, 90, 97);
  --link-color: #55A9C4;
  --link-hover-color: rgb(17, 141, 169);
  --white-color: rgb(255,255,255);
  --white-link-hover-color: rgb(179, 254, 255);
  --dark-color: #111;
  --light-color: #ddd;
}
  
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.markdown-body {
  padding-top: 20px;
  font-family: "Dylan-Light", sans-serif;
  color: var(--general-text-color);
}

.markdown-body h1 {
  font-weight: 400;
  font-family: "DimboRegular", sans-serif;
  font-size: 64px;
  color: var(--link-color);
}
.markdown-body h2 {
  font-weight: 400;
  font-size: 48px;
  font-family: "DimboRegular", sans-serif;
  color: black;
}
.markdown-body h3 {
  font-weight: 400;
  font-size: 40px;
  font-family: "DimboRegular", sans-serif;
  color: var(--general-text-color);
}
.markdown-body h4 {
  font-weight: 400;
  font-size: 32px;
  font-family: "DimboRegular", sans-serif;
  color: var(--general-text-color);
}
.markdown-body h5 {
  font-weight: 400;
  font-size: 24px;
  font-family: "DimboRegular", sans-serif;
  color: var(--general-text-color);
}
.markdown-body h6 {
  font-weight: 400;
  font-size: 16px;
  font-family: "DimboRegular", sans-serif;
  color: var(--general-text-color);
}
.markdown-body a {
  color: var(--link-color);
  text-decoration: none;
}
.markdown-body a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.markdown-body img {
  /*box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);*/
  display: block;
  height: auto;
  /*width: 50%;*/
  margin: 0px auto 0px auto;
}