/** DEFINITIONS **/
.text-gray-lighter {
  color: #92969A;
}

.text-gray-main, .article-meta {
  color: #757A7F;
}

.font-mont, h1, h2, h3, h4, h5 {
  font-family: "Montserrat", sans-serif;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm, .article-meta {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.75rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-4, .content {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5, .header-main {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.px-8, .header-main {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/** Breakpoints **/
/* Generated by Pygments CSS Theme Builder - https://jwarby.github.io/jekyll-pygments-themes/builder.html */
/* Base Style */
.highlight pre {
  color: transparent;
  background-color: transparent;
}

/* Punctuation */
.highlight .p {
  color: rgb(91, 81, 0);
  background-color: transparent;
}

/* Error */
.highlight .err {
  color: transparent;
  background-color: transparent;
}

/* Base Style */
.highlight .n {
  color: #007d70;
  background-color: transparent;
}

/* Name Attribute */
.highlight .na {
  color: #007d70;
  background-color: transparent;
}

/* Name Builtin */
.highlight .nb {
  color: #007d70;
  background-color: transparent;
}

/* Name Class */
.highlight .nc {
  color: #007d70;
  background-color: transparent;
}

/* Name Constant */
.highlight .no {
  color: #007d70;
  background-color: transparent;
}

/* Name Decorator */
.highlight .nd {
  color: #007d70;
  background-color: transparent;
}

/* Name Entity */
.highlight .ni {
  color: #007d70;
  background-color: transparent;
}

/* Name Exception */
.highlight .ne {
  color: #007d70;
  background-color: transparent;
}

/* Name Function */
.highlight .nf {
  color: #009407;
  background-color: transparent;
}

/* Name Label */
.highlight .nl {
  color: #007d70;
  background-color: transparent;
}

/* Name Namespace */
.highlight .nn {
  color: #007d70;
  background-color: transparent;
}

/* Name Other */
.highlight .nx {
  color: #007d70;
  background-color: transparent;
}

/* Name Property */
.highlight .py {
  color: #007d70;
  background-color: transparent;
}

/* Name Tag */
.highlight .nt {
  color: #007d70;
  background-color: transparent;
}

/* Name Variable */
.highlight .nv {
  color: #007d70;
  background-color: transparent;
}

/* Name Variable Class */
.highlight .vc {
  color: #007d70;
  background-color: transparent;
}

/* Name Variable Global */
.highlight .vg {
  color: #007d70;
  background-color: transparent;
}

/* Name Variable Instance */
.highlight .vi {
  color: #007d70;
  background-color: transparent;
}

/* Name Builtin Pseudo */
.highlight .bp {
  color: #007d70;
  background-color: transparent;
}

/* Base Style */
.highlight .g {
  color: transparent;
  background-color: transparent;
}

/*  */
.highlight .gd {
  color: transparent;
  background-color: transparent;
}

/* Base Style */
.highlight .o {
  color: #525252;
  background-color: transparent;
}

/* Operator Word */
.highlight .ow {
  color: #525252;
  background-color: transparent;
}

/* Comment styles */
.highlight .c, .highlight .cm, .highlight .cp, .highlight .c1, .highlight .cs {
  color: #92969A;
  background-color: transparent;
}

/* Base Style */
.highlight .k {
  color: #940094;
  background-color: transparent;
}

/* Keyword Constant */
.highlight .kc {
  color: #ff00ff;
  background-color: transparent;
}

/* Keyword Declaration */
.highlight .kd {
  color: #f202f2;
  background-color: transparent;
}

/* Keyword Namespace */
.highlight .kn {
  color: #ff78ff;
  background-color: transparent;
}

/* Keyword Pseudo */
.highlight .kp {
  color: #0000ba;
  background-color: transparent;
}

/* Keyword Reserved */
.highlight .kr {
  color: #940094;
  background-color: transparent;
}

/* Keyword Type */
.highlight .kt {
  color: #940094;
  background-color: transparent;
}

/* Base Style */
.highlight .l {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Date */
.highlight .ld {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number */
.highlight .m {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number Float */
.highlight .mf {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number Hex */
.highlight .mh {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number Integer */
.highlight .mi {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number Oct */
.highlight .mo {
  color: #7fa600;
  background-color: transparent;
}

/* Literal Number Integer Long */
.highlight .il {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String */
.highlight .s {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Backtick */
.highlight .sb {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Char */
.highlight .sc {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Doc */
.highlight .sd {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Double */
.highlight .s2 {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Escape */
.highlight .se {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Heredoc */
.highlight .sh {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Interpol */
.highlight .si {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Other */
.highlight .sx {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Regex */
.highlight .sr {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Single */
.highlight .s1 {
  color: #7fa600;
  background-color: transparent;
}

/* Literal String Symbol */
.highlight .ss {
  color: #7fa600;
  background-color: transparent;
}

/* Base Style */
.highlight .g {
  color: transparent;
  background-color: transparent;
}

/* Generic Deleted */
.highlight .gd {
  color: transparent;
  background-color: transparent;
}

/* Generic Emph */
.highlight .ge {
  color: transparent;
  background-color: transparent;
}

/* Generic Error */
.highlight .gr {
  color: transparent;
  background-color: transparent;
}

/* Generic Heading */
.highlight .gh {
  color: transparent;
  background-color: transparent;
}

/* Generic Inserted */
.highlight .gi {
  color: transparent;
  background-color: transparent;
}

/* Generic Output */
.highlight .go {
  color: transparent;
  background-color: transparent;
}

/* Generic Prompt */
.highlight .gp {
  color: transparent;
  background-color: transparent;
}

/* Generic Strong */
.highlight .gs {
  color: transparent;
  background-color: transparent;
}

/* Generic Subheading */
.highlight .gu {
  color: transparent;
  background-color: transparent;
}

/* Generic Traceback */
.highlight .gt {
  color: transparent;
  background-color: transparent;
}

/* Other */
.highlight .x {
  color: transparent;
  background-color: transparent;
}

/* Text Whitespace */
.highlight .w {
  color: transparent;
  background-color: transparent;
}

html {
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "Lato";
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

img, svg {
  vertical-align: middle;
}

/** Containers **/
.container {
  width: 100%;
  max-width: 768px;
  min-width: 350px;
}

/** Margins **/
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/** Headers **/
h1, h2, h3, h4, h5 {
  margin-bottom: 0.5em;
}

/** Custom element **/
.header-main {
  margin-bottom: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-main .header-title {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}
.header-main .header-title strong {
  font-weight: 600;
}
.header-main .header-subtitle {
  color: #373B3F;
}

@media (min-width: 768px) {
  .header-main {
    text-align: left;
  }
}
a {
  text-decoration: inherit;
  color: inherit;
  transition: all 0.2s ease-in-out;
}

.article-list a:hover {
  color: #137863;
}
.article-list article {
  margin-bottom: 2rem;
}

/** Individual pages **/
.page-title {
  font-size: 2.5rem;
}

.article-content {
  line-height: 1.5;
}
.article-content a {
  text-decoration: underline;
  color: #137863;
}
.article-content a:hover {
  color: #18A582;
}
.article-content img {
  max-width: 100%;
}
.article-content {
  padding-bottom: 5rem;
}

pre {
  max-width: 100%;
  overflow-x: scroll;
  font-size: 0.9rem;
}

.highlight, .snippet {
  background-color: #f8f8f8;
  padding: 0.5em;
  display: block;
}

input, select {
  font-family: inherit;
  background-color: transparent;
  border: 0;
  font-size: inherit;
  color: inherit;
}

.border-dashed {
  border-style: dashed;
  border-width: 1px;
}

.text-center {
  text-align: center;
}

.keyLength {
  color: #22d3ee;
}

.derivationHashFunction {
  color: #14b8a6;
}

.initializationVector {
  color: #ec4899;
}

.authTag {
  color: #eab308;
}

.cipherText {
  color: #8b5cf6;
}

.originalValue {
  color: #1d4ed8;
}

.cookieName {
  color: #b91c1c;
}

.secretKeyBase {
  color: #15803d;
}

.salt {
  color: #f59e0b;
}

.cookiesWithMetadataConfig {
  color: #38bdf8;
}

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