/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
@font-face {
  font-family: 'PT Sans Expert';
  src: url(/assets/pt-sans-expert_regular-031d435e5b1631e31518c85e50d8126aea7565bc473c3349466902aa2c954e73.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'PT Serif Expert';
  src: url(/assets/pt-serif-expert_regular-a76142e5f8e151b381e184e663108499eea4009d2fb6c1d749b48f73260b7cd4.ttf);
  font-style: normal;
  font-weight: 400;
}
/* line 35, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
*, *::before, *::after {
  box-sizing: border-box;
}

/* line 39, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
:focus {
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}

/* line 44, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.sr-only,
.tabbable-only:not(:focus) {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* line 55, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
html {
  font-size: 62.5%;
  /*-webkit-text-size-adjust: 100%;*/
}

/* line 60, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-size: 1.7rem;
  font-family: "PT Sans Expert", "Helvetica", "Helvetica Neue", "GHEA Grapalat", "Tahoma", sans-serif;
  line-height: 1.6;
  background-color: #fefefe;
  color: #2b2b2b;
  margin: 0;
}

/* line 73, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
a {
  color: inherit;
}

/* line 77, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
hr {
  border: none;
  border-bottom: 1.5px solid #ccc;
}

/* line 82, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.base-container {
  padding: 0 15px;
  max-width: 990px;
  margin: 0 auto;
}

/* line 88, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-header {
  margin: 3rem 0 1rem;
}
/* line 91, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-header .logo {
  font-family: 'Pragmatica', sans-serif;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.2;
  text-decoration: none;
  color: inherit;
  float: left;
}
/* line 101, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-header #skip-to-content {
  display: inline-block;
  float: left;
  margin: .5rem 3rem;
  padding: 1.5rem;
}
/* line 108, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-header .langbox {
  float: right;
  margin-top: 1.25rem;
}
/* line 113, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-header::after {
  content: '';
  display: block;
  clear: both;
}

/* line 120, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-content {
  margin-bottom: auto;
}
/* line 123, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-content .post-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 128, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-content .post-list h2 {
  font-family: "PT Serif Expert", "Georgia", "Times New Roman", "Times", "GHEA Mariam", "Arian AMU Serif", serif;
}

/* line 134, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article {
  font-size: 1.7rem;
  margin-bottom: 6rem;
  text-align: justify;
}
/* line 139, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article .taglist {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 145, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article .taglist li {
  display: inline;
}
/* line 151, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article header h1 {
  font-size: 1.5em;
  font-family: "PT Serif Expert", "Georgia", "Times New Roman", "Times", "GHEA Mariam", "Arian AMU Serif", serif;
}
/* line 156, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article header time {
  color: #757575;
}
/* line 163, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article p + p {
  text-indent: 3rem;
}
/* line 165, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article a {
  color: inherit;
}
/* line 169, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article blockquote {
  font-style: italic;
  color: #757575;
}
/* line 176, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article figure {
  margin: 1.5em 0;
  padding: 0;
}
/* line 180, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article figure figcaption {
  font-size: .8em;
}
/* line 184, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article figure.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
/* line 189, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article figure.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 197, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article p > img {
  margin-left: -3rem;
}
/* line 200, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article p > img:first-child {
  margin-top: 1.5rem;
}
/* line 204, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article p > img:last-child {
  margin-bottom: 1.5rem;
}
/* line 209, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#readable-article img {
  max-width: 100%;
}
@media (min-width: 768px) {
  /* line 134, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
  #readable-article {
    width: 65%;
  }
}

/* line 219, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
#comments h2 {
  font-size: 1.25em;
}

/* line 224, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.main-footer {
  min-height: 60px;
  padding: 3rem 0;
  margin: 6rem 0 0;
  background-color: #e9e9e9;
}

/* line 231, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.warning {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDg2LjQ2MyA0ODYuNDYzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuNDYzIDQ4Ni40NjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQzLjIyNSwzMzMuMzgyYy0xMy42LDAtMjUsMTEuNC0yNSwyNXMxMS40LDI1LDI1LDI1YzEzLjEsMCwyNS0xMS40LDI0LjQtMjQuNA0KCQkJQzI2OC4yMjUsMzQ0LjY4MiwyNTYuOTI1LDMzMy4zODIsMjQzLjIyNSwzMzMuMzgyeiIvPg0KCQk8cGF0aCBkPSJNNDc0LjYyNSw0MjEuOTgyYzE1LjctMjcuMSwxNS44LTU5LjQsMC4yLTg2LjRsLTE1Ni42LTI3MS4yYy0xNS41LTI3LjMtNDMuNS00My41LTc0LjktNDMuNXMtNTkuNCwxNi4zLTc0LjksNDMuNA0KCQkJbC0xNTYuOCwyNzEuNWMtMTUuNiwyNy4zLTE1LjUsNTkuOCwwLjMsODYuOWMxNS42LDI2LjgsNDMuNSw0Mi45LDc0LjcsNDIuOWgzMTIuOA0KCQkJQzQzMC43MjUsNDY1LjU4Miw0NTguODI1LDQ0OS4yODIsNDc0LjYyNSw0MjEuOTgyeiBNNDQwLjYyNSw0MDIuMzgyYy04LjcsMTUtMjQuMSwyMy45LTQxLjMsMjMuOWgtMzEyLjgNCgkJCWMtMTcsMC0zMi4zLTguNy00MC44LTIzLjRjLTguNi0xNC45LTguNy0zMi43LTAuMS00Ny43bDE1Ni44LTI3MS40YzguNS0xNC45LDIzLjctMjMuNyw0MC45LTIzLjdjMTcuMSwwLDMyLjQsOC45LDQwLjksMjMuOA0KCQkJbDE1Ni43LDI3MS40QzQ0OS4zMjUsMzY5Ljg4Miw0NDkuMjI1LDM4Ny40ODIsNDQwLjYyNSw0MDIuMzgyeiIvPg0KCQk8cGF0aCBkPSJNMjM3LjAyNSwxNTcuODgyYy0xMS45LDMuNC0xOS4zLDE0LjItMTkuMywyNy4zYzAuNiw3LjksMS4xLDE1LjksMS43LDIzLjhjMS43LDMwLjEsMy40LDU5LjYsNS4xLDg5LjcNCgkJCWMwLjYsMTAuMiw4LjUsMTcuNiwxOC43LDE3LjZjMTAuMiwwLDE4LjItNy45LDE4LjctMTguMmMwLTYuMiwwLTExLjksMC42LTE4LjJjMS4xLTE5LjMsMi4zLTM4LjYsMy40LTU3LjkNCgkJCWMwLjYtMTIuNSwxLjctMjUsMi4zLTM3LjVjMC00LjUtMC42LTguNS0yLjMtMTIuNUMyNjAuODI1LDE2MC43ODIsMjQ4LjkyNSwxNTUuMDgyLDIzNy4wMjUsMTU3Ljg4MnoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==") 1.75rem center/3.2rem 3.2rem no-repeat;
  background-color: rgba(255, 255, 0, 0.25);
  font-family: "PT Sans Expert", "Helvetica", "Helvetica Neue", "GHEA Grapalat", "Tahoma", sans-serif;
  font-size: 1.7rem;
  padding: 1rem;
  padding-left: 6.5rem;
}

/* line 240, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.edit-form {
  margin: 2rem  0;
}
/* line 243, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.edit-form input[type="text"], .edit-form textarea {
  -webkit-appearance: none;
  font-size: 16px;
  padding: .5em;
  margin: 0 0 1rem;
  border: 1px solid #ccc;
  width: 100%;
}
/* line 253, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
.edit-form textarea {
  min-height: 32rem;
  max-width: 100%;
  min-width: 100%;
}

@media (prefers-color-scheme: dark) {
  /* line 261, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
  body {
    color: #dadada;
    background-color: #2b2b2b;
  }

  /* line 267, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
  #readable-article header time, #readable-article blockquote {
    color: #939393;
  }

  /* line 272, /home/blog/andreyan-blog/app/assets/stylesheets/application.scss */
  .main-footer {
    background-color: #202020;
  }
}