/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

body {
  font-family: sans-serif;
}

a,
.btn-link {
  text-decoration: none;
}

.table > :not(caption) > * > * {
  padding: .75rem;
}

.table-sm > :not(caption) > * > * {
  padding: .25rem;
}

/* From darling-in-the-franxx.fandom.com */
::selection {
  background: rgba(0,0,0,0.7);
  text-shadow: 2px 0 1px #ff3f1a,-2px 0 1px #00a7e0;
  color: white;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.navbar > .container {
  align-items: baseline;
}

#goto-path {
  width: 7em;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1.5rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
}

body {
  display: flex;
  flex-flow: column;
}

body.bggray {
  background: #eeeeee;
}

.main-container {
  flex: 1;
}

.footer {
  background: #eeeeee;
  width: 100%;
  padding: 15px;
}

.footer .item {
  display: inline-block;
}

/* Cards */

.mycard {
  border-radius: 10px;
  /*border: solid 1px #ccc;*/
  background: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

/* Post styles
-------------------------------------------------- */
.post-header {
  margin: 0 0 3rem;
}

.post-title {
  text-align: center;
  margin: 10px 0;
}

.post-date {
  text-align: center;
  margin: 10px 0;
}

.post-tags {
  text-align: center;
  margin: 10px 0;
}

.post-tags .tag {
  background: #c4e1ff;
  padding: 2px 5px;
}

.post-article .content {
  max-width: 800px;
  margin: 0 auto;
}

.post-preview {
    margin: 0 0 1rem;
    padding: 1rem 0 0;
    overflow: hidden;
}

.post-preview .title {
  margin: 0 1.5rem 1rem;
  padding: 0;
  font-size: 1.7em;
  line-height: 1.5;
}

.post-preview .post-preview-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding: .8rem 1.5rem;
  background-color: #f8f8f8;
}

.post-preview .date {
  color: gray;
}
.post-preview .tags {
  margin-left: 1em;
}

.post-list .tags .tag {
  background: #c4e1ff;
  padding: 0 5px;
}

.post-preview .content {
  position: relative;
  margin: 0 1.5rem;
}

.post-preview .content h2 {
  margin-top: 1rem;
}

.post-preview .tag {
  color: #666;
  background: #e8e8e8;
  padding: 2px 5px;
}

.post-preview .tag:hover {
  background: #c4e1ff;
  color: black;
}

.post-preview .read-more {
  flex: 0 0 content;
}

.post-list .tags .tag.visibility,
.post-tags .tag.visibility {
  background: #d1e0f0;
}


h1,
h2 {
  margin: 0;
  padding: .5em 0;
}

.content h2 {
  border-bottom: .15em solid #1976d2;
}

h3 {
  font-size: 135%;
}

del {
  color: #777777;
}

.content h2 {
  font-size: 1.5em;
  margin-top: 1.5em;
}

.content h3 {
  font-size: 1.25em;
}

.post-preview .title,
.post-title,
.content h1,
.content h2,
.content h3 {
  font-weight: 600;
}

h3,
p,
.plike,
.content ul,
.content li,
.content table,
.content pre,
.content .code {
  margin: 1em 0;
}

.content blockquote {
  padding: 0 1em;
  color: #777;
  border-left: 0.25em solid #ddd;
  transition: color .3s, border-left-color .3s;
}

.content blockquote:hover {
  color: inherit;
  border-left: 0.25em solid #aaa;
}

.content code,
.content pre {
  background: #f1f3f5;
  transition: background-color .5s;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  padding: .15em .3em;
  font-size: 100%;
  color: inherit;
}

.content pre {
  display: block;
  position: relative;
  padding: 0;
}

.content pre code {
  display: block;
  margin: 0;
  padding: .5em;
}

code {
  white-space: pre-wrap;
}

.code {
  white-space: pre;
  padding: .5em;
  overflow-x: auto;
}

.code-label {
  position: absolute;
  right: .5em;
  top: .5em;
  color: #aaa;
}


.content table {
  border-collapse: collapse;
}

.content table, .content  th,  .content td {
  border: 1px solid black;
}

.dark .content table, .dark .content th, .dark .content td {
  border: 1px solid gray;
}

.content th {
  background: #bbdefb;
}

.dark .content th {
  background: #0d47a1;
}

.content th, .content td {
  padding: .3em .6em;
}

.hljs span {
  animation: hljs-fadein .5s;
}

@keyframes hljs-fadein {
  from {
    filter: brightness(0);
  }
  to {
    filter: brightness(1);
  }
}


pre code.hljs{display:block;overflow-x:auto;/* padding:1em */}code.hljs{/* padding:3px 5px */}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}