* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
.container {
  margin-left:auto;
  margin-right:auto;
  width:700px
}
.task-list {
  list-style:none
}
.alert {
  padding:20px;
  border-radius:0 4px 4px 0;
  color:#fff;
  display:block;
  font-size:larger
}
.y {
  background-color:#f3b244;
  border-left:7px solid #dc900e
}
.g {
  background-color:#60c17d;
  border-left:7px solid #55ab6f
}
.r {
  background-color:#e45454;
  border-left:7px solid #cb2020
}
blockquote {
  border-left:.25em solid #dfe2e5;
  color:#6a737d;
  padding:0 1em
}
blockquote cite {
  display:inline-block;
  margin-top:50px
}
blockquote cite cite::before {
  content:"- ";
  margin-left:10px
}
.MathJax_Display .MathJax {
  font-size:1.2rem
}
#markdown-toc::before {
  content:"Contents";
  font-size:1.1rem;
  font-weight:700
}
#markdown-toc {
  border:1px solid #aaa;
  border-radius:10px;
  padding:1.5em;
  list-style:disc;
  display:inline-block;
  background-color:#ebebeb;
  line-height:25px
}
#markdown-toc li a {
  text-decoration:none
}
#markdown-toc li a:hover {
  font-style:italic
}
#markdown-toc ul {
  list-style:disc
}
.archive-link {
  text-decoration:none;
  color:#000;
  font-style:italic;
  font-size:1.5rem
}
.archive-link:hover {
  text-decoration:underline
}
h1,h2,h3,h4,h5,h6 {
  margin-top:1.5em;
  margin-bottom:10px;
  text-decoration:none;
  color:#000
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  color:#000
}
ol li,p li,ul li {
  font-size:1.15rem
}
h2 {
  margin-bottom:0
}
h3 {
  font-size:1.4rem
}
h4 {
  font-size:1.3rem
}
h5 {
  font-size:1.2rem
}
p {
  font-size:1.15rem
}
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("https://fonts.gstatic.com/s/arimo/v17/P5sfzZCDf9_T_3cV7NCUECyoxNk37cxsBw.ttf") format('truetype');
}
body {
  font-family:Nimbus Sans,Helvetica,Liberation Sans,Nimbus Sans L,Arimo,Arial,sans-serif;
  line-height:180%;
}
header {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  overflow:hidden
}
header #site_title {
  text-align:center;
  color:#000;
  width:550px;
  margin-left:auto;
  margin-right:auto
}
header #site_title a {
  text-decoration:none
}
header #site_title h1 {
  margin-bottom:0
}
header #site_title h2 {
  margin-top:0;
  font-style:oblique;
  font-size:1.2rem
}
header #subheader {
  display:block;
  margin-top:15px
}
header #subheader .pages {
  display:block;
  text-align: center;
}
header #subheader .pages a:hover {
  color:#000
}
header #subheader .pages a {
  text-decoration:none;
  color:#a2a2a2;
  margin-left:3px;
  margin-right:3px;
  font-size:1.05rem
}
header #subheader .social {
  display:block;
  float:right
}
header #subheader .social i {
  margin-right:3px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s
}
header #subheader .social a {
  color:#a2a2a2
}
header #subheader .social i {
  font-size:1.1rem
}
header #subheader .social #github:hover {
  color:#24292e
}
header #subheader .social #twitter:hover {
  color:#1da1f2
}
header #subheader .social #linkedin:hover {
  color:#0e76a8
}
header #subheader .social #rss:hover {
  color:#f26522
}
header #subheader .social #envelope:hover {
  color:#5d5c5d
}
header #subheader .social #instagram:hover {
  color:#e1306c
}
header #subheader .social #facebook:hover {
  color:#3b5998
}
header #subheader .social #messenger:hover {
  color:#0084ff
}
header #subheader .social #youtube:hover {
  color:red
}
header #subheader .social #whatsapp:hover {
  color:#25d366
}
header #subheader .social #reddit:hover {
  color:#ff4500
}
li.post {
  display:block;
  padding-top:1rem
}
.post {
  padding-bottom:1rem
}
img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
  max-width:100%;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -khtml-border-radius:7px;
  border-radius:7px
}
.post-container li a,.post-container p a, .footer a {
  text-decoration:underline;
  color:inherit;
  transition:background .1s cubic-bezier(.33,.66,.66,1)
}
.post-container li a:visited,.post-container p a:visited, .footer a:visited {
  color:inherit;
  transition:background .1s cubic-bezier(.33,.66,.66,1)
}
.post-container li a:hover,.post-container p a:hover, .footer a:hover {
  background:#ebebeb
}
.categories p {
  display:inline-block
}
.categories a {
  text-decoration:none;
  border-bottom:2px solid #ebebeb;
  box-shadow:inset 0 -4px 0 #ebebeb;
  color:inherit;
  transition:background .1s cubic-bezier(.33,.66,.66,1)
}
.categories a:visited {
  text-decoration:none;
  border-bottom:2px solid #ebebeb;
  box-shadow:inset 0 -4px 0 #ebebeb;
  color:inherit;
  transition:background .1s cubic-bezier(.33,.66,.66,1)
}
.categories a:hover {
  background:#ebebeb
}
article::after {
  display:block;
  content:'';
  width:5rem;
  height:1px;
  margin:30px auto;
  background-color:#d5d5d5
}
.featured-img-container {
  margin-block-start:1em;
  margin-block-end:1em
}
.featured-img-container img {
  max-width:100%;
  height:auto;
  max-height:450px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -khtml-border-radius:7px;
  border-radius:7px
}
.continue-reading a {
  color:#a2a2a2;
  text-decoration:none;
  font-style:italic;
  font-size:.96rem
}
.continue-reading a:hover {
  color:#000
}
.post-info {
  font-size:1rem;
  color:#a2a2a2
}
.footer p {
  text-align:center;
  font-size:.85rem
}
.footer::before {
  display:block;
  content:'';
  width:5rem;
  height:1px;
  margin:23px auto;
  background-color:#d5d5d5
}
.paginator {
  display:flex;
  margin-left:auto;
  margin-right:auto;
  justify-content:space-around
}
.paginator .older {
  text-align:left;
  -webkit-box-flex:1
}
.paginator .newer {
  text-align:right;
  -webkit-box-flex:1
}
.paginator a {
  text-decoration:none;
  color:#a2a2a2
}
.paginator a:hover {
  color:#000
}
.paginator .paginate-button {
  border:1px solid #e0e0e0;
  border-radius:3px;
  padding:15px 35px;
  display:inline-block;
  font-size:16px
}
.paginator .paginate-button:hover {
  background-color:#ebebeb
}
::-webkit-scrollbar {
  width:7px;
  height:7px;
  border:1px solid #d5d5d5;
  padding-top:5px;
  border-radius:30px
}
::-webkit-scrollbar-track {
  border-radius:30px;
  background:#eee
}
::-webkit-scrollbar-thumb {
  border-radius:30px;
  background:#b0b0b0
}
.form .form-input {
  font-size:1rem;
  width:100%;
  padding:10px 0;
  background:0 0;
  border:none;
  border-bottom:1px solid #666;
  color:#666;
  outline:0;
  transition:border-color .2s;
  margin-top:15px
}
.form .form-button {
  background:0 0;
  text-transform:uppercase;
  font-size:1rem;
  cursor:pointer;
  outline:0;
  margin-top:10px;
  border:#000 1px solid;
  padding:10px;
  border-radius:10px
}
.form .form-button:hover {
  background-color:#ebebeb
}
.form .success a {
  text-decoration:none;
  border-bottom:2px solid #ebebeb;
  box-shadow:inset 0 -4px 0 #ebebeb;
  color:inherit;
  transition:background .1s cubic-bezier(.33,.66,.66,1)
}
.related {
  padding-top:10px;
  padding-bottom:15px;
  margin:0 auto
}
.related h4 {
  font-style:italic;
  text-decoration:underline
}
.related h5 {
  margin-top:0;
  text-align:left;
  font-size:1rem
}
.related .related-posts {
  opacity:.8;
  margin-right:25px
}
.related .related-posts:hover {
  opacity:1;
  font-style:italic
}
@media (max-width:768px) {
  html {
  overflow-y:auto
}
.container {
  width:88vw
}
#header {
  width:88vw
}
#header #subheader {
  display:flex;
  flex-flow:column wrap;
  align-items:center
}
#header #subheader .pages {
  margin-top:12px;
  order:2;
  text-align:center
}
#header #subheader .pages a {
  font-size:1.15rem
}
#header #subheader .social {
  order:1
}
#header #subheader .social i {
  font-size:1.3rem
}
#post-title {
  text-align:center
}
p {
  font-size:1.2rem
}
.post-info {
  text-align:center
}
::-webkit-scrollbar {
  height:3px
}
div .highlight {
  padding-left:8px;
  padding-right:0
}
pre .highlight {
  padding-left:8px;
  padding-right:0
}
}pre {
  overflow-x:auto
}
.highlight {
  font-size:16px;
  border-radius:5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:1px;
  overflow-x:auto;
  font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace
}
pre.lineo {
  color:#fff
}
.highlight table td {
  padding:5px
}
.highlight table pre {
  margin:0
}
.highlight .c,.highlight .cd,.highlight .ch,.highlight .cpf {
  color:#75715e;
  font-style:italic
}
.highlight .cm {
  color:#75715e;
  font-style:italic
}
.highlight .c1 {
  color:#75715e;
  font-style:italic
}
.highlight .cp {
  color:#75715e;
  font-weight:700
}
.highlight .cs {
  color:#75715e;
  font-weight:700;
  font-style:italic
}
.highlight .err {
  color:#960050;
  background-color:#1e0010
}
.highlight .gi {
  color:#fff;
  background-color:#324932
}
.highlight .gd {
  color:#fff;
  background-color:#493131
}
.highlight .ge {
  color:#fff;
  font-style:italic
}
.highlight .gr {
  color:#a00
}
.highlight .gt {
  color:#a00
}
.highlight .gh {
  color:#999
}
.highlight .go {
  color:#888
}
.highlight .gp {
  color:#555
}
.highlight .gs {
  font-weight:700
}
.highlight .gu {
  color:#aaa
}
.highlight .k,.highlight .kv {
  color:#66d9ef;
  font-weight:700
}
.highlight .kc {
  color:#66d9ef;
  font-weight:700
}
.highlight .kd {
  color:#66d9ef;
  font-weight:700
}
.highlight .kp {
  color:#66d9ef;
  font-weight:700
}
.highlight .kr {
  color:#66d9ef;
  font-weight:700
}
.highlight .kt {
  color:#66d9ef;
  font-weight:700
}
.highlight .kn {
  color:#f92672;
  font-weight:700
}
.highlight .ow {
  color:#f92672;
  font-weight:700
}
.highlight .o {
  color:#f92672;
  font-weight:700
}
.highlight .mf {
  color:#ae81ff
}
.highlight .mh {
  color:#ae81ff
}
.highlight .il {
  color:#ae81ff
}
.highlight .mi {
  color:#ae81ff
}
.highlight .mo {
  color:#ae81ff
}
.highlight .m,.highlight .mb,.highlight .mx {
  color:#ae81ff
}
.highlight .se {
  color:#ae81ff
}
.highlight .sb {
  color:#e6db74
}
.highlight .sc {
  color:#e6db74
}
.highlight .sd {
  color:#e6db74
}
.highlight .s2 {
  color:#e6db74
}
.highlight .sh {
  color:#e6db74
}
.highlight .si {
  color:#e6db74
}
.highlight .sx {
  color:#e6db74
}
.highlight .sr {
  color:#e6db74
}
.highlight .s1 {
  color:#e6db74
}
.highlight .ss {
  color:#e6db74
}
.highlight .dl,.highlight .s,.highlight .sa {
  color:#e6db74
}
.highlight .na {
  color:#a6e22e
}
.highlight .nc {
  color:#a6e22e;
  font-weight:700
}
.highlight .nd {
  color:#a6e22e;
  font-weight:700
}
.highlight .ne {
  color:#a6e22e;
  font-weight:700
}
.highlight .fm,.highlight .nf {
  color:#a6e22e;
  font-weight:700
}
.highlight .no {
  color:#66d9ef
}
.highlight .bp {
  color:#f8f8f2
}
.highlight .nb {
  color:#f8f8f2
}
.highlight .ni {
  color:#f8f8f2
}
.highlight .nn {
  color:#f8f8f2
}
.highlight .vc {
  color:#f8f8f2
}
.highlight .vg {
  color:#f8f8f2
}
.highlight .vi {
  color:#f8f8f2
}
.highlight .nv,.highlight .vm {
  color:#f8f8f2
}
.highlight .w {
  color:#f8f8f2
}
.highlight .nl {
  color:#f8f8f2;
  font-weight:700
}
.highlight .nt {
  color:#f92672
}
.highlight {
  color:#f8f8f2;
  background-color:#49483e
}
figure.highlight {
  position:relative
}
div.highlight pre code[data-lang]::before,figure.highlight pre code[data-lang]::before {
  content:attr(data-lang);
  text-transform:uppercase;
  position:absolute;
  color:#ebebeb;
  right:34px;
  top:-10px;
  padding-left:7.5px;
  padding-right:7.5px;
  border:1px solid #828282;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  min-width:40px;
  text-align:center;
  background-color:#49483e
}