/******************************************************************************
    => Fonts
*******************************************************************************/

/******************************************************************************
    => Source Code Pro
*******************************************************************************/
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), url('https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Code Pro'), url('https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.ttf') format('truetype');
}

/******************************************************************************
    => Source Serif Pro
*******************************************************************************/
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Serif Pro'), url('https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Serif Pro'), url('https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.ttf') format('truetype');
}

/******************************************************************************
    => Source Sans Pro
*******************************************************************************/
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), url('https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro'), url('https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype');
}
 .codehilite .hll { background-color: #f1fa8c }
 .codehilite  { background: #282a36; color: #f8f8f2 }
 .codehilite .c { color: #6272a4 } /* Comment */
 .codehilite .err { color: #f8f8f2 } /* Error */
 .codehilite .g { color: #f8f8f2 } /* Generic */
 .codehilite .k { color: #ff79c6 } /* Keyword */
 .codehilite .l { color: #f8f8f2 } /* Literal */
 .codehilite .n { color: #f8f8f2 } /* Name */
 .codehilite .o { color: #ff79c6 } /* Operator */
 .codehilite .x { color: #f8f8f2 } /* Other */
 .codehilite .p { color: #f8f8f2 } /* Punctuation */
 .codehilite .ch { color: #6272a4 } /* Comment.Hashbang */
 .codehilite .cm { color: #6272a4 } /* Comment.Multiline */
 .codehilite .cp { color: #ff79c6 } /* Comment.Preproc */
 .codehilite .cpf { color: #6272a4 } /* Comment.PreprocFile */
 .codehilite .c1 { color: #6272a4 } /* Comment.Single */
 .codehilite .cs { color: #6272a4 } /* Comment.Special */
 .codehilite .gd { color: #8b080b } /* Generic.Deleted */
 .codehilite .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */
 .codehilite .gr { color: #f8f8f2 } /* Generic.Error */
 .codehilite .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
 .codehilite .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */
 .codehilite .go { color: #44475a } /* Generic.Output */
 .codehilite .gp { color: #f8f8f2 } /* Generic.Prompt */
 .codehilite .gs { color: #f8f8f2 } /* Generic.Strong */
 .codehilite .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */
 .codehilite .gt { color: #f8f8f2 } /* Generic.Traceback */
 .codehilite .kc { color: #ff79c6 } /* Keyword.Constant */
 .codehilite .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
 .codehilite .kn { color: #ff79c6 } /* Keyword.Namespace */
 .codehilite .kp { color: #ff79c6 } /* Keyword.Pseudo */
 .codehilite .kr { color: #ff79c6 } /* Keyword.Reserved */
 .codehilite .kt { color: #8be9fd } /* Keyword.Type */
 .codehilite .ld { color: #f8f8f2 } /* Literal.Date */
 .codehilite .m { color: #bd93f9 } /* Literal.Number */
 .codehilite .s { color: #f1fa8c } /* Literal.String */
 .codehilite .na { color: #50fa7b } /* Name.Attribute */
 .codehilite .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */
 .codehilite .nc { color: #50fa7b } /* Name.Class */
 .codehilite .no { color: #f8f8f2 } /* Name.Constant */
 .codehilite .nd { color: #f8f8f2 } /* Name.Decorator */
 .codehilite .ni { color: #f8f8f2 } /* Name.Entity */
 .codehilite .ne { color: #f8f8f2 } /* Name.Exception */
 .codehilite .nf { color: #50fa7b } /* Name.Function */
 .codehilite .nl { color: #8be9fd; font-style: italic } /* Name.Label */
 .codehilite .nn { color: #f8f8f2 } /* Name.Namespace */
 .codehilite .nx { color: #f8f8f2 } /* Name.Other */
 .codehilite .py { color: #f8f8f2 } /* Name.Property */
 .codehilite .nt { color: #ff79c6 } /* Name.Tag */
 .codehilite .nv { color: #8be9fd; font-style: italic } /* Name.Variable */
 .codehilite .ow { color: #ff79c6 } /* Operator.Word */
 .codehilite .w { color: #f8f8f2 } /* Text.Whitespace */
 .codehilite .mb { color: #bd93f9 } /* Literal.Number.Bin */
 .codehilite .mf { color: #bd93f9 } /* Literal.Number.Float */
 .codehilite .mh { color: #bd93f9 } /* Literal.Number.Hex */
 .codehilite .mi { color: #bd93f9 } /* Literal.Number.Integer */
 .codehilite .mo { color: #bd93f9 } /* Literal.Number.Oct */
 .codehilite .sa { color: #f1fa8c } /* Literal.String.Affix */
 .codehilite .sb { color: #f1fa8c } /* Literal.String.Backtick */
 .codehilite .sc { color: #f1fa8c } /* Literal.String.Char */
 .codehilite .dl { color: #f1fa8c } /* Literal.String.Delimiter */
 .codehilite .sd { color: #f1fa8c } /* Literal.String.Doc */
 .codehilite .s2 { color: #f1fa8c } /* Literal.String.Double */
 .codehilite .se { color: #f1fa8c } /* Literal.String.Escape */
 .codehilite .sh { color: #f1fa8c } /* Literal.String.Heredoc */
 .codehilite .si { color: #f1fa8c } /* Literal.String.Interpol */
 .codehilite .sx { color: #f1fa8c } /* Literal.String.Other */
 .codehilite .sr { color: #f1fa8c } /* Literal.String.Regex */
 .codehilite .s1 { color: #f1fa8c } /* Literal.String.Single */
 .codehilite .ss { color: #f1fa8c } /* Literal.String.Symbol */
 .codehilite .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */
 .codehilite .fm { color: #50fa7b } /* Name.Function.Magic */
 .codehilite .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */
 .codehilite .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */
 .codehilite .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */
 .codehilite .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */
 .codehilite .il { color: #bd93f9 } /* Literal.Number.Integer.Long */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
:root{
    --background-color: hsl(10, 20%, 98%);
    --foreground-color: hsl(10, 10%, 13%);
    --primary-color: hsl(200, 90%, 40%); 
    --highlight-color: hsl(290, 86%, 43%); 
    --light-color: hsl(10, 10%, 40%);
}

body {
    background-color: var(--background-color);
    color: var(--foreground-color);
    overflow-y: scroll;

    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5em;
}

@media only screen and (max-width: 800px) {
    body {
        font-size: 1em;
    }
}

.container {
    max-width: 80ch;
    padding: 2ch;
    padding-bottom: 5em;
    margin: auto;
}

h1 {
    margin: 1em 0;
}

time {
    color: var(--light-color);
}

p {
    line-height: 1.5em;
    text-align: justify;
}

a, a:visited {
    color: var(--highlight-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


img {
    max-width: 100%;    
    cursor: pointer;
}

code {
    font-size: 1.2em;
}

.codehilite {
    font-family: 'Source Code Pro', monospace;
    font-size: 1.2em;
    border: none;
    border-radius: 5px;
    overflow-x: auto;
}

.codehilite pre {
    margin: 1em;
}
/******************************************************************************
    => FONTS
*******************************************************************************/
@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400;src:local('Source Code Pro'),url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:700;src:local('Source Code Pro'),url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:400;src:local('Source Serif Pro'),url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Regular.woff2) format('woff2')}
@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:700;src:local('Source Serif Pro'),url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local('Source Sans Pro'),url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:local('Source Sans Pro'),url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.woff2) format('woff2');font-display:swap}
/******************************************************************************
    => CODEHILITE
*******************************************************************************/
.codehilite .hll{background-color:#f1fa8c}.codehilite{background:#282a36;color:#f8f8f2}.codehilite .c{color:#6272a4}.codehilite .err,.codehilite .g{color:#f8f8f2}.codehilite .k{color:#ff79c6}.codehilite .l,.codehilite .n{color:#f8f8f2}.codehilite .o{color:#ff79c6}.codehilite .p,.codehilite .x{color:#f8f8f2}.codehilite .ch,.codehilite .cm{color:#6272a4}.codehilite .cp{color:#ff79c6}.codehilite .c1,.codehilite .cpf,.codehilite .cs{color:#6272a4}.codehilite .gd{color:#8b080b}.codehilite .ge{color:#f8f8f2;text-decoration:underline}.codehilite .gr{color:#f8f8f2}.codehilite .gh,.codehilite .gi{color:#f8f8f2;font-weight:700}.codehilite .go{color:#44475a}.codehilite .gp,.codehilite .gs,.codehilite .gt{color:#f8f8f2}.codehilite .gu{color:#f8f8f2;font-weight:700}.codehilite .kc{color:#ff79c6}.codehilite .kd{color:#8be9fd;font-style:italic}.codehilite .kn,.codehilite .kp,.codehilite .kr{color:#ff79c6}.codehilite .kt{color:#8be9fd}.codehilite .ld{color:#f8f8f2}.codehilite .m{color:#bd93f9}.codehilite .s{color:#f1fa8c}.codehilite .na{color:#50fa7b}.codehilite .nb{color:#8be9fd;font-style:italic}.codehilite .nc{color:#50fa7b}.codehilite .nd,.codehilite .ne,.codehilite .ni,.codehilite .no{color:#f8f8f2}.codehilite .nf{color:#50fa7b}.codehilite .nl{color:#8be9fd;font-style:italic}.codehilite .nn,.codehilite .nx,.codehilite .py{color:#f8f8f2}.codehilite .nt{color:#ff79c6}.codehilite .nv{color:#8be9fd;font-style:italic}.codehilite .ow{color:#ff79c6}.codehilite .w{color:#f8f8f2}.codehilite .mb,.codehilite .mf,.codehilite .mh,.codehilite .mi,.codehilite .mo{color:#bd93f9}.codehilite .dl,.codehilite .s1,.codehilite .s2,.codehilite .sa,.codehilite .sb,.codehilite .sc,.codehilite .sd,.codehilite .se,.codehilite .sh,.codehilite .si,.codehilite .sr,.codehilite .ss,.codehilite .sx{color:#f1fa8c}.codehilite .bp{color:#f8f8f2;font-style:italic}.codehilite .fm{color:#50fa7b}.codehilite .vc,.codehilite .vg,.codehilite .vi,.codehilite .vm{color:#8be9fd;font-style:italic}.codehilite .il{color:#bd93f9}
/******************************************************************************
    => NORMALIZE.CSS
*******************************************************************************/
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/******************************************************************************
    => MAIN STYLES 
*******************************************************************************/
:root{
  --background-color: hsl(10, 20%, 98%);
  --foreground-color: hsl(10, 10%, 13%);
  --primary-color: hsl(200, 90%, 40%); 
  --highlight-color: hsl(290, 86%, 43%); 
  --light-color: hsl(10, 10%, 40%);
}

body {
  background-color: var(--background-color);
  color: var(--foreground-color);
  overflow-y: scroll;

  font-family: Source Sans Pro;
  font-size: 1em;
  
}

@media only screen and (max-width: 800px) {
  body {
    font-size: 1em;
  }
}

.container {
  max-width: 80ch;
  padding: 2em 0;
  margin: auto;
}

h1 {
  margin: 0;
}

time {
  color: var(--light-color);
}

p {
  line-height: 1.5em;
  text-align: justify;
}

a, a:visited {
  color: var(--highlight-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


img {
  max-width: 100%;    
  cursor: pointer;
}

code {
  font-family: Source Code Pro;
  font-size: 1em;
}

.codehilite {
  border: none;
  border-radius: 5px;
  overflow-x: auto;
}

.codehilite pre {
  margin: 1em;
}
