@charset "UTF-8";
html, body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
}

body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

body.layout-post {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.layout-post nav {
  width: 100%;
  padding: 16px 16px 8px;
  display: grid;
  grid-template-areas: "left center right";
  grid-template-columns: 1fr max-content 1fr;
  grid-column-gap: 16px;
}
body.layout-post nav.bottom {
  border-top: 1px solid #91897b;
}
body.layout-post nav .left {
  grid-area: left;
  justify-self: left;
}
body.layout-post nav .center {
  grid-area: center;
  justify-self: center;
}
body.layout-post nav .right {
  grid-area: right;
  justify-self: right;
}
body.layout-post article {
  max-width: 20cm;
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
body.layout-post article h1 {
  text-align: justify;
  margin-bottom: 16px;
}
body.layout-post article h2, body.layout-post article h3, body.layout-post article h4, body.layout-post article h5, body.layout-post article h6 {
  margin-left: 16px;
}
body.layout-post article .date {
  text-align: right;
  font-size: 0.9rem;
  margin-bottom: 24px;
}
body.layout-post article p {
  text-align: justify;
  width: 100%;
  overflow: auto;
}
body.layout-post article p img {
  display: block;
  max-width: 100%;
  max-height: 30em;
  margin: 8px auto;
  border: 1px solid #91897b;
  padding: 8px;
  border-radius: 4px;
}
body.layout-post article p img + em {
  text-align: center;
  display: block;
}
body.layout-post article img {
  align-self: center;
}
body.layout-post .discussion {
  margin-bottom: 8px;
}

body.layout-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.layout-main .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 25cm;
  padding: 16px;
}
body.layout-main h1 {
  margin: 8px 0;
  text-align: justify;
  font-size: 2.5rem;
  display: inline-block;
}
body.layout-main .rss {
  position: relative;
  font-size: 0.8rem;
}
body.layout-main .rss img {
  display: inline-block;
  height: 0.9rem;
  position: relative;
  bottom: 0.1rem;
}
body.layout-main .subtext {
  font-style: italic;
  margin-bottom: 12px;
  font-size: 1rem;
}
body.layout-main .subtext.bottom {
  margin-bottom: 16px;
  font-size: 0.9rem;
}
body.layout-main .subtext .heart {
  color: #e62c2c;
}
body.layout-main .posts {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.layout-main .post {
  font-size: 1.3rem;
  margin-bottom: 8px;
}
body.layout-main .post:before {
  content: "»";
  padding-right: 8px;
}
body.layout-main .post a {
  color: #000;
}
body.layout-main .post .date {
  display: inline-block;
  font-size: 0.8rem;
  margin-left: 1ex;
}
body.layout-main .post .tag {
  font-size: 0.7rem;
  margin-left: 8px;
}
body.layout-main .post .tag.t-short {
  background-color: var(--success);
}
body.layout-main .post .tag.t-life {
  background-color: var(--danger);
}
body.layout-main .post .tag.t-dev {
  background-color: var(--primary);
}
body.layout-main .post .tag.t-sysadmin {
  background-color: var(--warning);
}
body.layout-main .post .tag.t-cybersec {
  background-color: #191970;
}
body.layout-main footer {
  margin-top: 24px;
}

/*# sourceMappingURL=style.css.map */