/*! 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. */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap");
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; }

.highlight table td { padding: 5px; }

.highlight table pre { margin: 0; }

.highlight .cm { color: #999988; font-style: italic; }

.highlight .cp { color: #999999; font-weight: bold; }

.highlight .c1 { color: #999988; font-style: italic; }

.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }

.highlight .c, .highlight .cd { color: #999988; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .gd { color: #000000; background-color: #ffdddd; }

.highlight .ge { color: #000000; font-style: italic; }

.highlight .gr { color: #aa0000; }

.highlight .gh { color: #999999; }

.highlight .gi { color: #000000; background-color: #ddffdd; }

.highlight .go { color: #888888; }

.highlight .gp { color: #555555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaaaaa; }

.highlight .gt { color: #aa0000; }

.highlight .kc { color: #000000; font-weight: bold; }

.highlight .kd { color: #000000; font-weight: bold; }

.highlight .kn { color: #000000; font-weight: bold; }

.highlight .kp { color: #000000; font-weight: bold; }

.highlight .kr { color: #000000; font-weight: bold; }

.highlight .kt { color: #445588; font-weight: bold; }

.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }

.highlight .mf { color: #009999; }

.highlight .mh { color: #009999; }

.highlight .il { color: #009999; }

.highlight .mi { color: #009999; }

.highlight .mo { color: #009999; }

.highlight .m, .highlight .mb, .highlight .mx { color: #009999; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .bp { color: #999999; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #445588; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .nd { color: #3c5d5d; font-weight: bold; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #990000; font-weight: bold; }

.highlight .nf { color: #990000; font-weight: bold; }

.highlight .nl { color: #990000; font-weight: bold; }

.highlight .nn { color: #555555; }

.highlight .nt { color: #000080; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .nv { color: #008080; }

.highlight .ow { color: #000000; font-weight: bold; }

.highlight .o { color: #000000; font-weight: bold; }

.highlight .w { color: #bbbbbb; }

.highlight { background-color: #f8f8f8; }

html { --bg-color:         #f6f8fa; --muted-bg-color:   #eaeef2; --border-color:     #d0d7de; --txt-color:        #24292f; --muted-txt-color:  #32383f; --link-color:       #0969da; --link-hover-color: #218bff; }

@media (prefers-color-scheme: dark) { /* defaults to dark theme */ html { --bg-color:         #1c2128; --muted-bg-color:   #22272e; --border-color:     #444c56; --txt-color:        #adbac7; --muted-txt-color:  #909dab; --link-color:       #4184e4; --link-hover-color: #316dca; } }

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { background-color: var(--bg-color); height: 100%; width: 100%; }

body { color: var(--muted-txt-color); font-family: "Noto Sans", sans-serif; font-size: 16px; line-height: 24px; }

#container { margin: 0 auto; overflow: auto; padding: 48px 30px 0; position: relative; width: 1000px; }

h1, h2, h3 { color: var(--txt-color); line-height: 24px; margin: 0 0 24px; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

.post h2 { margin: 0; }

blockquote { background: var(--muted-bg-color); border-left: 4px solid var(--border-color); border-right: 20px solid var(--muted-bg-color); border-radius: 0 7.9992px 7.9992px 0; margin: 0 -20px 24px; padding: 12px 0 12px 16px; }

blockquote p { color: var(--txt-color); }

blockquote p:last-child { margin: 0; }

figure { height: auto; margin: 0 auto 24px; max-width: 100%; }

figurecaption p { font-size: 12px; line-height: 1.5; margin: 0.25_1 8px 0 0; max-width: 100%; }

hr { border: 0; background: var(--muted-bg-color); height: 1px; margin: 23px 0 24px; }

iframe, img { border: none; display: block; max-width: 100%; height: auto; }

p { margin: 0 0 24px; text-align: justify; }

a { color: var(--link-color); text-decoration: none; }

a:hover, a:focus { color: var(--link-hover-color); }

h1 a, h2 a, h3 a, h4 a, a strong { color: var(--txt-color); }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, nav a:hover, a:hover strong, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, nav a:focus, a:focus strong { color: var(--link-color); }

strong { color: var(--txt-color); }

code, pre { font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; color: var(--txt-color); }

pre { background: var(--muted-bg-color); border: 1px solid var(--border-color); border-radius: 6px; color: var(--txt-color); font-size: 12px; line-height: 24px; margin: 0 0 24px; overflow-x: auto; padding: 10px 20px; }

dl, ol, ul { margin: 0 0 24px 20px; text-align: justify; }

li ul, li ol { margin: 0 0 24px 20px; }

dl { margin: 0 0 24px; }

dt { clear: left; color: var(--txt-color); float: left; width: 120px; }

dd { clear: right; margin: 0 0 12px 140px; }

dd::after { /* clears proceeding dt(s) ensuring that the next dd will be after next dt */ content: ""; clear: left; display: table; }

dt p, dd p { text-align: left; }

table { border-top: 1px solid var(--border-color); border-collapse: collapse; margin: 0 0 24px; width: 100%; }

thead { background: var(--muted-bg-color); }

tr { border-bottom: 1px solid var(--border-color); vertical-align: top; }

th { padding: 11px 12px; text-align: left; }

td { padding: 11px 12px 12px; text-align: left; }

header { float: left; position: fixed; width: 220px; }

header a { color: var(--txt-color); text-decoration: none; }

header a:hover, header a:focus { color: var(--link-color); }

header h1 { font-size: 28px; line-height: 1; margin-top: -4px; }

#profile-pic { margin: 0 0 24px; }

#profile-pic img { border: 1px solid var(--border-color); border-radius: 50%; width: 168px; padding: 5px; }

nav ul { list-style-type: none; margin: 0 0 24px; }

nav ul li { font-size: 20px; line-height: 24px; margin: 0 0 24px; }

nav ul li a { font-weight: bold; }

section { width: 700px; float: right; margin: 0; }

footer { float: left; position: fixed; bottom: 0; width: 220px; }

.bullet-icon { color: var(--txt-color); margin-right: 0.25em; text-indent: 0; }

.row::after { content: ""; clear: both; display: table; }

.column { float: left; margin: 0 20px 0 0; width: 50%; }

small { color: var(--muted-txt-color); font-size: 12px; }

@media print, screen and (max-width: 960px) { body { width: auto; min-width: 320px; } #container { width: auto; min-width: 300px; } header, section, footer { float: none; position: static; padding: 0; } section { border: 1px solid var(--border-color); border-width: 1px 0; margin: 0; padding: 24px 0 0; width: auto; min-width: 300px; } footer { margin: 24px 0 0; overflow: auto; } }

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