@import url("https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css");
input { background-color: #454545; }

textarea { background-color: #454545; }

.article { padding: 0 4%; }

.pagination:last-child { margin-bottom: 1.5em; }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show { display: block; }

.list { background-color: black; }

li.submenu a { font-weight: normal; text-decoration: underscore; }

.nav--header li { font-size: 0.8rem; }

.nav--header > ul > li { display: inline-block; }

.nav--header ul ul { display: none; }

.nav--header ul li ul.show { display: block; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; text-align: left; padding: 10px 15px; }

.nav--header ul:hover ul li:hover a { text-decoration: underline; }

.nav--header ul li:hover ul li a { text-decoration: none; }

.nav--header ul li:hover a { text-decoration: underline; }

.nav--header a { display: inline-block; }

.menu { width: 100%; }

.burger-menu { padding: 10px; display: flex; text-align: left; }

.nav--header ul .burger-menu ul { display: flex; flex-direction: column; padding-left: 10px; }

.burger-menu .item--nav:first-of-type { margin: 0; }

.footer { padding: 3rem 1.5rem 0.5rem; }

html { overflow-y: auto; }

span.highlighted { font-weight: 700; background: rgba(255, 255, 255, 0.7); box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7), -5px 0 0 rgba(255, 255, 255, 0.7); border-radius: 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 5px 0 5px; }

span.subtext { font-weight: 400; }

textarea#message { min-height: 300px; }

#hero { background: black; background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); position: relative; width: 100%; left: 0%; }

#hero::before { background-image: url(/assets/img/thelemonsqueeze.avif); background-position: center; background-repeat: no-repeat; background-size: contain; background-attachment: fixed; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background-size: contain; opacity: 1.0; content: ""; }

@media only screen and (max-width: 800px) { #hero { width: 100% !important; left: 0; } }

#title { font-family: "Lobster", sans-serif; font-weight: 300; font-size: 4rem; line-height: 4.5rem; margin: auto 0.75rem !important; letter-spacing: 1rem; text-transform: uppercase; text-align: center; }

#name { color: #CFB486; }

#surname { color: #E7D3B1; }

#news-events { background: black; }

.header a { vertical-align: center; align-content: center; }

#nav-title { font-family: "Lobster", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.2rem; margin: auto 0.75rem !important; letter-spacing: 0.25rem; text-transform: uppercase; text-align: center; }

#nav-name { color: #CFB486; }

#nav-surname { color: #FFFFFF; }

.subtitle { letter-spacing: 0.25rem; }

#blog .hero-body { padding: 3rem 0.25rem 1rem 0.25rem; }

#blog .container { margin: 1.5rem auto; }

#blog .blog-card { transition: all 0.25s ease; margin-bottom: 0.5vmax; transform: scale(0.85); margin-right: 2.5vmax; margin-left: 2.5vmax; line-height: normal; border-radius: 0.25rem; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }

#blog .blog-card:hover { transform: scale(0.875); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); }

@media (max-width: 768px) { #blog .blog-card { transform: scale(1); margin-bottom: 5vmax !important; } #blog .blog-card:hover { transform: scale(1.025); margin-bottom: 5vmax !important; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); } #blog .blog-card .image { padding-top: 50% !important; } }

#blog .blog-card .title { margin: 0.5rem !important; }

#blog .blog-card .content { margin: 0.5rem; }

#blog .blog-card .column { display: grid; }

#blog .blog-card .column .image { border-radius: 0.25rem; background-position: center; background-repeat: no-repeat; background-size: cover; }

#wide-div { width: calc(100vw - 20px); margin-left: calc(-50vw + 50% + 10px); }

.columns .button { margin: 0.5rem !important; }

.column { margin: auto 0.5rem; padding: 0.5rem; }

.list:not(:last-child) { margin-bottom: var(--listHeight, 0); }

.list { box-shadow: none; border-radius: 0%; }

a.button.footer { font-size: 12px; font-weight: bold; background: dimgray; width: -webkit-fill-available; display: inline-flex; }

a.button { margin-left: 0.2em; display: inline-flex; }

.nav a { font-size: 14px; }

.message-box { color: aqua; background-color: #c54e1f; border: 1px solid #769239; border-radius: 3px; margin-bottom: 30px; text-align: center; }

section.section.sectionfooter--description { padding: 0; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 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 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** 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; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** 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; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 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 */ }

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** 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; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** 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; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 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 */ }

/** Remove the default vertical scrollbar in IE. */
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 and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

/** 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 */ }

* { box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body { height: 100%; }

a img { border: none; }

blockquote { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

html { font-size: 50%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

@media screen and (min-width: 50em) { html { font-size: 62.5%; } }

@media screen and (min-width: 50em) { html { font-size: 68.75%; } }

@media screen and (min-width: 64em) { html { font-size: 81.25%; } }

@media screen and (min-width: 100em) { html { font-size: 93.75%; } }

body { font-size: 1.7875rem; font-family: "Monda", sans-serif; font-style: normal; font-weight: 400; line-height: 2rem; }

@media screen and (min-width: 50em) { body { font-size: 1.53rem; } }

@media screen and (min-width: 50em) { body { font-size: 1.4818181818rem; } }

@media screen and (min-width: 64em) { body { font-size: 1.3rem; } }

@media screen and (min-width: 100em) { body { font-size: 1.1733333333rem; } }

a { color: #ffffff; text-decoration: none; transition: color .1s, background-color .1s; }

a:hover, a:active, a:focus { color: #E7D3B1; text-decoration: none; }

.typeset p a, .typeset li a { background-position: 0 93%; background-repeat: repeat-x; background-size: 100% 0.15rem; text-shadow: 0.1rem 0 #000000, 0.15rem 0 #000000, -0.1rem 0 #000000, -0.15rem 0 #000000; }

.typeset p a:hover, .typeset p a:active, .typeset p a:focus, .typeset li a:hover, .typeset li a:active, .typeset li a:focus { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #ffffff 50%); }

.typeset p { line-height: 2rem; margin-bottom: 1.34999rem; padding-top: 0.65001rem; font-feature-settings: 'kern', 'onum', 'liga'; }

@media screen and (min-width: 50em) { .typeset p { margin-bottom: 1.29749rem; padding-top: 0.70251rem; } }

@media screen and (min-width: 50em) { .typeset p { margin-bottom: 1.2863536364rem; padding-top: 0.7136463636rem; } }

@media screen and (min-width: 64em) { .typeset p { margin-bottom: 1.2692207692rem; padding-top: 0.7307792308rem; } }

@media screen and (min-width: 100em) { .typeset p { margin-bottom: 1.2566566667rem; padding-top: 0.7433433333rem; } }

.typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6 { color: #f4bd5e; font-family: "Orbitron", sans-serif; font-feature-settings: 'dlig', 'liga', 'lnum', 'kern'; font-style: normal; font-weight: 700; }

.typeset h2.card-title { color: #f4bd5e; }

.typeset h1, .typeset h2, .typeset h5 { color: #ffffff; }

.typeset h1, .typeset .alpha { line-height: 3rem; font-size: 2.8rem; margin-bottom: 0.54999rem; padding-top: 0.45001rem; }

@media screen and (min-width: 50em) { .typeset h1, .typeset .alpha { font-size: 2.4rem; margin-bottom: 0.39999rem; padding-top: 0.60001rem; } }

@media screen and (min-width: 50em) { .typeset h1, .typeset .alpha { font-size: 2.3272727273rem; margin-bottom: 0.3727172727rem; padding-top: 0.6272827273rem; } }

@media screen and (min-width: 64em) { .typeset h1, .typeset .alpha { font-size: 2.3076923077rem; margin-bottom: 0.3653746154rem; padding-top: 0.6346253846rem; } }

@media screen and (min-width: 100em) { .typeset h1, .typeset .alpha { font-size: 2.3533333333rem; margin-bottom: 0.38249rem; padding-top: 0.61751rem; } }

.typeset h2, .typeset .beta { line-height: 3rem; font-size: 2.5rem; margin-bottom: 0.43749rem; padding-top: 0.56251rem; }

@media screen and (min-width: 50em) { .typeset h2, .typeset .beta { font-size: 2.13rem; margin-bottom: 0.29874rem; padding-top: 0.70126rem; } }

@media screen and (min-width: 50em) { .typeset h2, .typeset .beta { font-size: 2.0454545455rem; margin-bottom: 0.2670354545rem; padding-top: 0.7329645455rem; } }

@media screen and (min-width: 64em) { .typeset h2, .typeset .beta { font-size: 2.0538461538rem; margin-bottom: 0.2701823077rem; padding-top: 0.7298176923rem; } }

@media screen and (min-width: 100em) { .typeset h2, .typeset .beta { font-size: 2.0733333333rem; margin-bottom: 0.27749rem; padding-top: 0.72251rem; } }

.typeset h3, .typeset .gamma { line-height: 3rem; font-size: 2.2375rem; margin-bottom: 0.3390525rem; padding-top: 0.6609475rem; }

@media screen and (min-width: 50em) { .typeset h3, .typeset .gamma { font-size: 1.92rem; margin-bottom: 0.21999rem; padding-top: 0.78001rem; } }

@media screen and (min-width: 50em) { .typeset h3, .typeset .gamma { font-size: 1.8636363636rem; margin-bottom: 0.1988536364rem; padding-top: 0.8011463636rem; } }

@media screen and (min-width: 64em) { .typeset h3, .typeset .gamma { font-size: 1.7307692308rem; margin-bottom: 0.1490284615rem; padding-top: 0.8509715385rem; } }

@media screen and (min-width: 100em) { .typeset h3, .typeset .gamma { font-size: 1.6666666667rem; margin-bottom: 0.12499rem; padding-top: 0.87501rem; } }

.typeset h4, .typeset .delta { line-height: 2rem; font-size: 2rem; margin-bottom: -0.25001rem; padding-top: 0.25001rem; }

@media screen and (min-width: 50em) { .typeset h4, .typeset .delta { font-size: 1.7rem; margin-bottom: -0.36251rem; padding-top: 0.36251rem; } }

@media screen and (min-width: 50em) { .typeset h4, .typeset .delta { font-size: 1.6363636364rem; margin-bottom: -0.3863736364rem; padding-top: 0.3863736364rem; } }

@media screen and (min-width: 64em) { .typeset h4, .typeset .delta { font-size: 1.5384615385rem; margin-bottom: -0.4230869231rem; padding-top: 0.4230869231rem; } }

@media screen and (min-width: 100em) { .typeset h4, .typeset .delta { font-size: 1.4666666667rem; margin-bottom: -0.45001rem; padding-top: 0.45001rem; } }

.typeset h5, .typeset .epsilon { line-height: 2rem; font-size: 1.7875rem; margin-bottom: -0.3296975rem; padding-top: 0.3296975rem; }

@media screen and (min-width: 50em) { .typeset h5, .typeset .epsilon { font-size: 1.53rem; margin-bottom: -0.42626rem; padding-top: 0.42626rem; } }

@media screen and (min-width: 50em) { .typeset h5, .typeset .epsilon { font-size: 1.4818181818rem; margin-bottom: -0.4443281818rem; padding-top: 0.4443281818rem; } }

@media screen and (min-width: 64em) { .typeset h5, .typeset .epsilon { font-size: 1.3rem; margin-bottom: -0.51251rem; padding-top: 0.51251rem; } }

@media screen and (min-width: 100em) { .typeset h5, .typeset .epsilon { font-size: 1.1733333333rem; margin-bottom: -0.56001rem; padding-top: 0.56001rem; } }

.typeset h6, .typeset .zeta { line-height: 2rem; font-size: 1.6rem; margin-bottom: -0.40001rem; padding-top: 0.40001rem; }

@media screen and (min-width: 50em) { .typeset h6, .typeset .zeta { font-size: 1.36rem; margin-bottom: -0.49001rem; padding-top: 0.49001rem; } }

@media screen and (min-width: 50em) { .typeset h6, .typeset .zeta { font-size: 1.3090909091rem; margin-bottom: -0.5091009091rem; padding-top: 0.5091009091rem; } }

@media screen and (min-width: 64em) { .typeset h6, .typeset .zeta { font-size: 1.1538461538rem; margin-bottom: -0.5673176923rem; padding-top: 0.5673176923rem; } }

@media screen and (min-width: 100em) { .typeset h6, .typeset .zeta { font-size: 1.04rem; margin-bottom: -0.61001rem; padding-top: 0.61001rem; } }

.typeset ul, .typeset ol { line-height: 2rem; margin-bottom: 1.34999rem; padding-top: 0.65001rem; }

@media screen and (min-width: 50em) { .typeset ul, .typeset ol { margin-bottom: 1.29749rem; padding-top: 0.70251rem; } }

@media screen and (min-width: 50em) { .typeset ul, .typeset ol { margin-bottom: 1.2863536364rem; padding-top: 0.7136463636rem; } }

@media screen and (min-width: 64em) { .typeset ul, .typeset ol { margin-bottom: 1.2692207692rem; padding-top: 0.7307792308rem; } }

@media screen and (min-width: 100em) { .typeset ul, .typeset ol { margin-bottom: 1.2566566667rem; padding-top: 0.7433433333rem; } }

.typeset ul li, .typeset ol li { font-feature-settings: 'kern', 'onum', 'liga'; margin-left: 2rem; }

@media screen and (min-width: 50em) { .typeset ul li, .typeset ol li { margin-left: 0; } }

.typeset ul li ol, .typeset ul li ul, .typeset ol li ol, .typeset ol li ul { padding-top: 1rem; margin-bottom: 1rem; margin-left: 2rem; }

.typeset ol { list-style-type: none; }

.typeset ol li { counter-increment: top-level; }

.typeset ol li:before { content: counter(top-level) "."; font-feature-settings: 'lnum', 'tnum'; margin-left: -3rem; position: absolute; text-align: right; width: 2em; }

.typeset ol li ul li:before { content: ''; }

.typeset ol li ul li ol li { counter-increment: alt-level; }

.typeset ol li ul li ol li:before { content: counter(alt-level) "."; }

.typeset ol li ol li { counter-increment: sub-level; }

.typeset ol li ol li:before { content: counter(top-level) "." counter(sub-level); }

.typeset ol li ol li ul li:before { content: ''; }

.typeset ol li ol li ol li { counter-increment: sub-sub-level; }

.typeset ol li ol li ol li:before { content: counter(top-level) "." counter(sub-level) "." counter(sub-sub-level); }

.typeset dl { line-height: 2rem; margin-bottom: 1.34999rem; padding-top: 0.65001rem; }

@media screen and (min-width: 50em) { .typeset dl { margin-bottom: 1.29749rem; padding-top: 0.70251rem; } }

@media screen and (min-width: 50em) { .typeset dl { margin-bottom: 1.2863536364rem; padding-top: 0.7136463636rem; } }

@media screen and (min-width: 64em) { .typeset dl { margin-bottom: 1.2692207692rem; padding-top: 0.7307792308rem; } }

@media screen and (min-width: 100em) { .typeset dl { margin-bottom: 1.2566566667rem; padding-top: 0.7433433333rem; } }

.typeset dl dt, .typeset dl dd { font-feature-settings: 'kern', 'onum', 'liga'; margin-left: 2rem; }

@media screen and (min-width: 50em) { .typeset dl dt, .typeset dl dd { margin-left: 0; } }

.typeset dl dt { font-weight: 700; }

.typeset dl dd + dt { padding-top: 1rem; }

.typeset table { line-height: 2rem; font-size: 1.7875rem; margin-bottom: -0.3296975rem; padding-top: 0.3296975rem; font-family: "Orbitron", sans-serif; font-feature-settings: 'liga', 'lnum', 'tnum', 'kern'; font-style: normal; font-weight: 400; width: 100%; }

@media screen and (min-width: 50em) { .typeset table { font-size: 1.53rem; margin-bottom: -0.42626rem; padding-top: 0.42626rem; } }

@media screen and (min-width: 50em) { .typeset table { font-size: 1.4818181818rem; margin-bottom: -0.4443281818rem; padding-top: 0.4443281818rem; } }

@media screen and (min-width: 64em) { .typeset table { font-size: 1.3rem; margin-bottom: -0.51251rem; padding-top: 0.51251rem; } }

@media screen and (min-width: 100em) { .typeset table { font-size: 1.1733333333rem; margin-bottom: -0.56001rem; padding-top: 0.56001rem; } }

.typeset table thead th { line-height: 2rem; font-size: 1.7875rem; margin-bottom: -0.3296975rem; padding-top: 0.3296975rem; padding-bottom: 1px; }

@media screen and (min-width: 50em) { .typeset table thead th { font-size: 1.53rem; margin-bottom: -0.42626rem; padding-top: 0.42626rem; } }

@media screen and (min-width: 50em) { .typeset table thead th { font-size: 1.4818181818rem; margin-bottom: -0.4443281818rem; padding-top: 0.4443281818rem; } }

@media screen and (min-width: 64em) { .typeset table thead th { font-size: 1.3rem; margin-bottom: -0.51251rem; padding-top: 0.51251rem; } }

@media screen and (min-width: 100em) { .typeset table thead th { font-size: 1.1733333333rem; margin-bottom: -0.56001rem; padding-top: 0.56001rem; } }

.typeset b, .typeset strong, .typeset .bold { font-weight: 700; }

.typeset em, .typeset i, .typeset .italic { font-style: italic; }

.typeset small, .typeset .caption { font-size: 1.6rem; font-family: "Orbitron", sans-serif; font-style: normal; font-weight: 400; }

@media screen and (min-width: 50em) { .typeset small, .typeset .caption { font-size: 1.36rem; } }

@media screen and (min-width: 50em) { .typeset small, .typeset .caption { font-size: 1.3090909091rem; } }

@media screen and (min-width: 64em) { .typeset small, .typeset .caption { font-size: 1.1538461538rem; } }

@media screen and (min-width: 100em) { .typeset small, .typeset .caption { font-size: 1.04rem; } }

.typeset small { line-height: 1rem; }

.typeset .caption { line-height: 2rem; margin-bottom: 1.59999rem; padding-top: 0.40001rem; color: #CFB486; }

@media screen and (min-width: 50em) { .typeset .caption { margin-bottom: 1.50999rem; padding-top: 0.49001rem; } }

@media screen and (min-width: 50em) { .typeset .caption { margin-bottom: 1.4908990909rem; padding-top: 0.5091009091rem; } }

@media screen and (min-width: 64em) { .typeset .caption { margin-bottom: 1.4326823077rem; padding-top: 0.5673176923rem; } }

@media screen and (min-width: 100em) { .typeset .caption { margin-bottom: 1.38999rem; padding-top: 0.61001rem; } }

.typeset h1 + .caption, .typeset .alpha + .caption, .typeset h2 + .caption, .typeset .beta + .caption, .typeset h3 + .caption, .typeset .gamma + .caption { margin-top: -1rem; }

.typeset .delta + .caption, .typeset .epsilon + .caption, .typeset .zeta + .caption { margin-top: 0rem; }

.typeset blockquote { background-color: #000000; border-left: 0; }

.typeset blockquote p { border-left: 0.15rem solid #ffffff; font-style: italic; padding-left: 1rem; margin-bottom: 1.69999rem; padding-bottom: 0.65001rem; }

@media screen and (min-width: 50em) { .typeset blockquote p { margin-bottom: 1.59499rem; padding-bottom: 0.70251rem; } }

@media screen and (min-width: 50em) { .typeset blockquote p { margin-bottom: 1.5727172727rem; padding-bottom: 0.7136463636rem; } }

@media screen and (min-width: 64em) { .typeset blockquote p { margin-bottom: 1.5384515385rem; padding-bottom: 0.7307792308rem; } }

@media screen and (min-width: 100em) { .typeset blockquote p { margin-bottom: 1.5133233333rem; padding-bottom: 0.7433433333rem; } }

@media screen and (min-width: 50em) { .typeset blockquote { margin-left: -1rem; } }

.typeset hr { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #CFB486 50%); background-position: 0 50%; background-repeat: repeat-x; background-size: 100% 0.15rem; border: 0; margin: 0; padding-bottom: 3rem; padding-top: 3rem; }

.typeset code, .typeset pre { background-color: #473636; font-family: Menlo, monospace; }

.typeset pre { display: block; margin-bottom: 2rem; padding: 1rem; white-space: pre; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }

.typeset code { font-size: 1.6rem; line-height: 1rem; }

@media screen and (min-width: 50em) { .typeset code { font-size: 1.36rem; } }

@media screen and (min-width: 50em) { .typeset code { font-size: 1.3090909091rem; } }

@media screen and (min-width: 64em) { .typeset code { font-size: 1.1538461538rem; } }

@media screen and (min-width: 100em) { .typeset code { font-size: 1.04rem; } }

.typeset .upper { font-kerning: normal; letter-spacing: 0.1rem; text-transform: uppercase; }

.typeset .small-caps { font-feature-settings: 'smcp', 'kern'; font-kerning: normal; letter-spacing: 0.1rem; }

.typeset .lining-numerals { font-feature-settings: 'lnum', 'kern'; }

.typeset .oldstyle-numerals { font-feature-settings: 'onum', 'kern'; }

.hll { background-color: #ffffcc; }

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

/* Comment */
.err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.k { color: #000000; font-weight: bold; }

/* Keyword */
.o { color: #000000; font-weight: bold; }

/* Operator */
.cm { color: #999988; font-style: italic; }

/* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Preproc */
.c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.ge { color: #000000; font-style: italic; }

/* Generic.Emph */
.gr { color: #aa0000; }

/* Generic.Error */
.gh { color: #999999; }

/* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.go { color: #888888; }

/* Generic.Output */
.gp { color: #555555; }

/* Generic.Prompt */
.gs { font-weight: bold; }

/* Generic.Strong */
.gu { color: #aaaaaa; }

/* Generic.Subheading */
.gt { color: #aa0000; }

/* Generic.Traceback */
.kc { color: #000000; font-weight: bold; }

/* Keyword.Constant */
.kd { color: #000000; font-weight: bold; }

/* Keyword.Declaration */
.kn { color: #000000; font-weight: bold; }

/* Keyword.Namespace */
.kp { color: #000000; font-weight: bold; }

/* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold; }

/* Keyword.Reserved */
.kt { color: #445588; font-weight: bold; }

/* Keyword.Type */
.m { color: #009999; }

/* Literal.Number */
.s { color: #d01040; }

/* Literal.String */
.na { color: #008080; }

/* Name.Attribute */
.nb { color: #0086B3; }

/* Name.Builtin */
.nc { color: #445588; font-weight: bold; }

/* Name.Class */
.no { color: #008080; }

/* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold; }

/* Name.Decorator */
.ni { color: #800080; }

/* Name.Entity */
.ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.nf { color: #990000; font-weight: bold; }

/* Name.Function */
.nl { color: #990000; font-weight: bold; }

/* Name.Label */
.nn { color: #555555; }

/* Name.Namespace */
.nt { color: #000080; }

/* Name.Tag */
.nv { color: #008080; }

/* Name.Variable */
.ow { color: #000000; font-weight: bold; }

/* Operator.Word */
.w { color: #bbbbbb; }

/* Text.Whitespace */
.mf { color: #009999; }

/* Literal.Number.Float */
.mh { color: #009999; }

/* Literal.Number.Hex */
.mi { color: #009999; }

/* Literal.Number.Integer */
.mo { color: #009999; }

/* Literal.Number.Oct */
.sb { color: #d01040; }

/* Literal.String.Backtick */
.sc { color: #d01040; }

/* Literal.String.Char */
.sd { color: #d01040; }

/* Literal.String.Doc */
.s2 { color: #d01040; }

/* Literal.String.Double */
.se { color: #d01040; }

/* Literal.String.Escape */
.sh { color: #d01040; }

/* Literal.String.Heredoc */
.si { color: #d01040; }

/* Literal.String.Interpol */
.sx { color: #d01040; }

/* Literal.String.Other */
.sr { color: #009926; }

/* Literal.String.Regex */
.s1 { color: #d01040; }

/* Literal.String.Single */
.ss { color: #990073; }

/* Literal.String.Symbol */
.bp { color: #999999; }

/* Name.Builtin.Pseudo */
.vc { color: #008080; }

/* Name.Variable.Class */
.vg { color: #008080; }

/* Name.Variable.Global */
.vi { color: #008080; }

/* Name.Variable.Instance */
.il { color: #009999; }

/* Literal.Number.Integer.Long */
body { background: #000000; color: #a8adac; height: 100%; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; }

.container { width: 90%; max-width: 1200px; margin: 0 auto; }

.header .nav, .footer .nav { text-align: right; }

.header .logo, .footer .logo { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.header .container, .footer .container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 1rem 0; }

@media screen and (min-width: 50em) { .header .container, .footer .container { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } }

.header .nav { display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: flex-end; overflow: hidden; }

.feature { padding-bottom: .4rem; margin-bottom: 1.6rem; text-align: center; background: #f9fafa; background-size: cover; background-position: center; }

.feature .container { min-height: 35vh; max-width: 60%; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.logo { display: inline-block; line-height: 0; max-height: 4rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.logo img { max-height: 3.5rem; }

.nav a { padding: .2rem; }

.nav--social a { display: inline-block; line-height: 1; }

.small { padding-top: .8rem; color: #CFB486; display: inline-block; }

.footer { background: #0b0b0b; color: #CFB486; }

.footer a { color: #CFB486; }

.footer a:hover { color: #000000; }

.footer .container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer .small { padding-top: 0; }

.nav--paginator { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; color: #CFB486; text-align: center; }

.pagination { min-width: 20%; }

.main { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; margin-bottom: 1.6rem; }

@media screen and (min-width: 50em) { .main { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.header, .feature, .footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media screen and (min-width: 50em) { .content { width: 62%; } }

.share .button { margin-right: .3rem; }

@media screen and (min-width: 50em) { .aside { max-width: 34%; margin-left: 4%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; opacity: 0.5; transition: opacity .1s; } .aside .section { position: sticky; top: 0; } .aside--left { margin-left: 0; margin-right: 4%; order: -1; } .aside:hover { opacity: 1; } }

.section { margin: 0; }

.nav--header { overflow: hidden; justify-content: center; }

.list { list-style: none; }

.list--nav { overflow: hidden; margin-bottom: var(--listHeight, 0); }

.list .item--post, .list .item--result, .list .item--category { margin-left: 0; }

@media screen and (min-width: 50em) { .item--nav { margin-left: .4rem; display: inline-block; margin: 15px 15px 15px 5px; } }

.item--nav:first-of-type { margin-left: 0px; }

.item--current a { color: #CFB486; }

a.selected { color: #CFB486; }

a .icon { transition: fill .1s; }

a .icon:hover { fill: currentColor; }

.icon { vertical-align: middle; width: 1.1em; height: 1.1em; fill: CurrentColor; }

img { max-width: 100%; height: auto; }

.figure { line-height: 0; }

.figure--left { float: left; padding-right: .8rem; }

.figure--right { float: right; text-align: right; padding-left: .8rem; }

.figure--center { text-align: center; clear: both; }

.video, .map { position: relative; padding-bottom: 56.25%; height: 0; }

.video iframe, .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.map { padding-bottom: 70%; }

.figure, .video, .map, .form { margin-bottom: .8rem; }

audio, video { width: 100%; }

.form { position: relative; }

.form__legend { font-style: italic; color: #CFB486; position: absolute; overflow: hidden; right: 0; clip: rect(0 0 0 0); }

button, .button, input[type="text"], input[type="email"], input[type="search"], input[type="submit"], input[type="color"], textarea, select { padding: .6rem 1.2rem; margin-bottom: .6rem; transition: color .1s, background-color .1s, border .1s; line-height: inherit; border: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; }

button .icon, .button .icon, input[type="text"] .icon, input[type="email"] .icon, input[type="search"] .icon, input[type="submit"] .icon, input[type="color"] .icon, textarea .icon, select .icon { margin: 0 0 .35rem; }

input[type="submit"], button, .button { cursor: pointer; display: inline-block; color: #000000; background: #E7D3B1; transition: box-shadow .1s; will-change: box-shadow; box-shadow: inset 0 0 0 2rem transparent; }

input[type="submit"]:hover, button:hover, .button:hover { box-shadow: inset 0 0 0 2rem rgba(0, 0, 0, 0.25); }

input[type="submit"]:active, input[type="submit"]:focus, button:active, button:focus, .button:active, .button:focus { box-shadow: inset 0 0 0 2rem rgba(0, 0, 0, 0.25); }

.button--nav { background: none; color: #ffffff; margin-bottom: 0; min-height: 4rem; min-width: 4rem; }

@media screen and (min-width: 50em) { .button--nav { display: none; } }

.button--nav:hover, .button--nav:focus { box-shadow: none; color: #E7D3B1; }

a:focus, a:hover:focus, button:focus, button:hover:focus, .button:focus, .button:hover:focus, input:focus, input:hover:focus, textarea:focus, textarea:hover:focus, select:focus, select:hover:focus { outline: solid 0.12rem #fa407a; outline-offset: -.12rem; }

a:hover:focus { outline: none; }

input[type="text"], input[type="email"], input[type="search"], input[type="color"], textarea, select { width: 100%; border: 1px solid #CFB486; }

input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="color"]:hover, textarea:hover, select:hover { border-color: #a8adac; }

select { background: #473636; }

textarea { resize: vertical; }

label { line-height: 2rem; margin-bottom: 1.34999rem; padding-top: 0.65001rem; }

@media screen and (min-width: 50em) { label { margin-bottom: 1.29749rem; padding-top: 0.70251rem; } }

@media screen and (min-width: 50em) { label { margin-bottom: 1.2863536364rem; padding-top: 0.7136463636rem; } }

@media screen and (min-width: 64em) { label { margin-bottom: 1.2692207692rem; padding-top: 0.7307792308rem; } }

@media screen and (min-width: 100em) { label { margin-bottom: 1.2566566667rem; padding-top: 0.7433433333rem; } }

code { padding: .12rem .2rem; color: #f4bd5e; }

pre code { padding: 0; }

.required { color: red; }

::-webkit-input-placeholder { opacity: 0.5; }

::-moz-placeholder { opacity: 0.5; }

:-ms-input-placeholder { opacity: 0.5; }

:-moz-placeholder { opacity: 0.5; }

::selection { background: #f4bd5e; color: #000000; text-shadow: none; }

.typeset a > code { text-shadow: none; }

.typeset .button, .typeset button { background-image: none; text-shadow: none; color: #000000; }

.typeset .button:hover, .typeset .button:active, .typeset .button:focus, .typeset button:hover, .typeset button:active, .typeset button:focus { background-image: none; color: #000000; }

.typeset hr { width: 100%; }

.typeset li > p { padding: 0; margin: 0; }

.typeset .nav a { padding-left: 0; padding-right: 0; margin-left: .2rem; margin-right: .2rem; }

.typeset pre { white-space: pre; overflow-x: scroll; }