@import url("https://fonts.googleapis.com/css?family=Roboto");
/*! 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 {
  --_: 1.2rem;
  --_half: 0.6rem;
  --_half_ceil: 0.6rem;
  --_half_floor: 0.6rem;
  --font_family_sans: sans-serif;
  --font_family_serif: serif;
  --font_family_mono: monospace;
  --h_font_family: var(--font_family_sans);
  --h_font_weight: var(--font_weight_bold);
  --code_font_family: var(--font_family_mono);
  --h1_font_size: 3.6rem;
  --h2_font_size: 3.0rem;
  --h3_font_size: 2.4rem;
  --h4_font_size: 2rem;
  --h5_font_size: 1.6rem;
  --h6_font_size: 1.2rem;
  --large_font_size: 125%;
  --small_font_size: 75%;
  --code_font_size: 1.5rem;
  --font_weight_normal: normal;
  --font_weight_bold: bold;
  --font_weight_light: light;
  --h1_line_height: 1;
  --h2_line_height: 1.2;
  --h3_line_height: 1.5;
  --h4_line_height: 1.2;
  --h5_line_height: 1.5;
  --h6_line_height: 1;
  --code_line_height: 1.6;
  --white: #ffffff;
  --gray_50: #fafafa;
  --gray_100: #f5f5f5;
  --gray_200: #eeeeee;
  --gray_300: #e0e0e0;
  --gray_400: #bdbdbd;
  --gray_500: #9e9e9e;
  --gray_600: #757575;
  --gray_700: #616161;
  --gray_800: #424242;
  --gray_900: #212121;
  --black: #000000;
  --create_background_color: #cfc;
  --create_border_color: #3c3;
  --create_color: #3c3;
  --update_background_color: #cff;
  --update_border_color: #3cc;
  --update_color: #3cc;
  --destroy_background_color: #fcc;
  --destroy_border_color: #c33;
  --destroy_color: #c33;
  --valid_background_color: #cfc;
  --valid_border_color: #3c3;
  --valid_color: #3c3;
  --warning_background_color: #ffc;
  --warning_border_color: #fc3;
  --warning_color: #fc3;
  --invalid_background_color: #fcc;
  --invalid_border_color: #c33;
  --invalid_color: #c33;
  --body_background_color: var(--white);
  --body_color: var(--black);
  --body_font_family: var(--font_family_sans);
  --body_font_size: 1.6rem;
  --body_line_height: 1.5;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

[tabindex]:not([tabindex^="-"]):focus {
  outline: var(--outline_width, 0.2rem) var(--outline_style, auto) var(--outline_color, #9cf);
  outline-offset: var(--outline_offset, 0.2rem);
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

html {
  font-size: x-small;
}

body {
  background-color: var(--body_background_color);
  color: var(--body_color);
  line-height: var(--body_line_height);
  font-family: var(--body_font_family);
  font-size: var(--body_font_size);
  font-weight: normal;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

iframe {
  border: 0;
  vertical-align: middle;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

button,
[type=button],
[type=reset],
[type=submit],
.button {
  --_button_background_color: var(--button_background_color);
  --_button_border_color: var(--button_border_color);
  --_button_border_width: var(--button_border_width, .1rem);
  --_button_color: var(--button_color);
  background-color: var(--_button_background_color, var(--gray_200));
  border-color: var(--_button_border_color, var(--gray_600));
  border-radius: var(--button_border_radius, 0.3rem);
  border-style: var(--button_border_style, solid);
  border-width: var(--_button_border_width);
  color: var(--_button_color, var(--body_color));
  display: var(--button_display, inline-block);
  font-size: var(--button_font_size, var(--body_font_size));
  font-weight: var(--button_font_weight, var(--font_weight_normal));
  line-height: var(--button_line_height, calc(2 * (var(--_) - var(--_button_border_width))));
  padding: var(--button_padding, 0 0.5em);
  text-decoration: var(--button_text-decoration, none);
  white-space: var(--button_white_space, nowrap);
}
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
.button:hover {
  --_button_background_color: var(--button_background_color_hover, var(--button_background_color, var(--gray_300)));
  --_button_border_color: var(--button_border_color_hover, var(--button_border_color, var(--gray_800)));
  --_button_color: var(--button_color_hover, var(--button_color));
}
button:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus,
.button:focus {
  --_button_background_color: var(--button_background_color_focus, var(--button_background_color));
  --_button_border_color: var(--button_border_color_focus, var(--button_border_color, var(--gray_600)));
  --_button_color: var(--button_color_focus, var(--button_color));
}
button:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible),
[type=reset]:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
.button:focus:not(:focus-visible) {
  outline: 0;
}

button:active,
[type=button]:active,
[type=reset]:active,
[type=submit]:active,
.button:has(:checked) {
  --_button_background_color: var(--button_background_color_active, var(--button_background_color, var(--gray_100)));
  --_button_border_color: var(--button_border_color_active, var(--button_border_color, var(--gray_500)));
  --_button_color: var(--button_color_active, var(--button_color));
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
.button:has(:disabled),
.button._disabled {
  --_button_background_color: var(--button_background_color_disabled, var(--button_background_color));
  --_button_border_color: var(--button_border_color_disabled, var(--button_border_color, var(--gray_300)));
  --_button_color: var(--button_color_disabled, var(--button_color, var(--gray_400)));
  pointer-events: none;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button:not(:disabled):focus,
.button:not(._disabled):focus {
  outline: var(--outline_width, 0.2rem) var(--outline_style, auto) var(--outline_color, #9cf);
  outline-offset: var(--outline_offset, 0.2rem);
}

a.button {
  --link_color: var(--_button_color, var(--body_color));
  --link_text_decoration: var(--button_text-decoration, none);
}

[role=button] {
  cursor: pointer;
}

pre,
code,
kbd,
samp {
  font-family: var(--code_font_family);
  font-size: var(--code_font_size);
}

pre {
  display: block;
  line-height: var(--code_line_height);
  margin: 0 0 var(--_);
  overflow: auto;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

code {
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

form {
  margin-bottom: var(--_);
}
form > fieldset:last-child {
  margin-bottom: 0;
}

fieldset {
  border: 0;
  margin: 0 0 var(--_);
  min-width: 0;
  padding: var(--_) 0.5em;
}
fieldset:has(> legend:first-child) {
  --_inset_border_color: var(--inset_border_color, var(--body_color));
  --_inset_border_block_color: var(--inset_border_block_color, var(--_inset_border_color));
  --_inset_border_inline_color: var(--inset_border_inline_color, var(--_inset_border_color));
  --_inset_border_top_color: var(--inset_border_top_color, var(--_inset_border_block_color));
  --_inset_border_right_color: var(--inset_border_right_color, var(--_inset_border_inline_color));
  --_inset_border_bottom_color: var(--inset_border_bottom_color, var(--_inset_border_block_color));
  --_inset_border_left_color: var(--inset_border_left_color, var(--_inset_border_inline_color));
  --_inset_border_width: var(--inset_border_width, 1px);
  --_inset_border_block_width: var(--inset_border_block_width, var(--_inset_border_width));
  --_inset_border_inline_width: var(--inset_border_inline_width, var(--_inset_border_width));
  --_inset_border_top_width: var(--inset_border_top_width, var(--_inset_border_block_width));
  --_inset_border_right_width: calc(-1 * var(--inset_border_right_width, var(--_inset_border_inline_width)));
  --_inset_border_bottom_width: calc(-1 * var(--inset_border_bottom_width, var(--_inset_border_block_width)));
  --_inset_border_left_width: var(--inset_border_left_width, var(--_inset_border_inline_width));
  box-shadow: inset 0 var(--_inset_border_top_width) 0 0 var(--_inset_border_top_color), inset var(--_inset_border_right_width) 0 0 0 var(--_inset_border_right_color), inset 0 var(--_inset_border_bottom_width) 0 0 var(--_inset_border_bottom_color), inset var(--_inset_border_left_width) 0 0 0 var(--_inset_border_left_color);
}

legend {
  background-color: var(--body_background_color);
  padding: 0 0.5em;
}

label {
  display: inline-block;
}

input,
optgroup,
select,
textarea {
  font-size: inherit;
  line-height: inherit;
}
input:disabled,
optgroup:disabled,
select:disabled,
textarea:disabled {
  pointer-events: none;
}

input:focus,
select:focus,
textarea:focus {
  outline: var(--outline_width, 0.2rem) var(--outline_style, auto) var(--outline_color, #9cf);
  outline-offset: var(--outline_offset, 0.2rem);
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
select,
textarea {
  --_input_background_color: var(--input_background_color);
  --_input_border_color: var(--input_border_color);
  --_input_border_width: var(--input_border_width, .1rem);
  --_input_color: var(--input_color);
  background-color: var(--_input_background_color, var(--body_background_color));
  border-color: var(--_input_border_color, var(--gray_600));
  border-radius: var(--input_border_radius, 0);
  border-style: var(--input_border_style, solid);
  border-width: var(--_input_border_width);
  color: var(--_input_color, var(--body_color));
  font-size: var(--input_font_size, var(--body_font_size));
  font-weight: var(--input_font_weight, var(--font_weight_normal));
  line-height: var(--input_line_height, calc(2 * (var(--_) - var(--_input_border_width))));
  padding: var(--input_padding, 0 0.25em);
}
[type=color]:hover,
[type=date]:hover,
[type=datetime]:hover,
[type=datetime-local]:hover,
[type=email]:hover,
[type=month]:hover,
[type=number]:hover,
[type=password]:hover,
[type=search]:hover,
[type=tel]:hover,
[type=text]:hover,
[type=time]:hover,
[type=url]:hover,
[type=week]:hover,
input:not([type]):hover,
select:hover,
textarea:hover {
  --_input_background_color: var(--input_background_color_hover, var(--input_background_color));
  --_input_border_color: var(--input_border_color_hover, var(--input_border_color, var(--gray_800)));
  --_input_color: var(--input_color_hover, var(--input_color));
}
[type=color]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
select:focus,
textarea:focus {
  --_input_background_color: var(--input_background_color_focus, var(--input_background_color));
  --_input_border_color: var(--input_border_color_focus, var(--input_border_color));
  --_input_color: var(--input_color_focus, var(--input_color));
}
[type=color]:active,
[type=date]:active,
[type=datetime]:active,
[type=datetime-local]:active,
[type=email]:active,
[type=month]:active,
[type=number]:active,
[type=password]:active,
[type=search]:active,
[type=tel]:active,
[type=text]:active,
[type=time]:active,
[type=url]:active,
[type=week]:active,
input:not([type]):active,
select:active,
textarea:active {
  --_input_background_color: var(--input_background_color_active, var(--input_background_color));
  --_input_border_color: var(--input_border_color_active, var(--input_border_color, var(--gray_500)));
  --_input_color: var(--input_color_active, var(--input_color));
}
[type=color][aria-activedescendant],
[type=date][aria-activedescendant],
[type=datetime][aria-activedescendant],
[type=datetime-local][aria-activedescendant],
[type=email][aria-activedescendant],
[type=month][aria-activedescendant],
[type=number][aria-activedescendant],
[type=password][aria-activedescendant],
[type=search][aria-activedescendant],
[type=tel][aria-activedescendant],
[type=text][aria-activedescendant],
[type=time][aria-activedescendant],
[type=url][aria-activedescendant],
[type=week][aria-activedescendant],
input:not([type])[aria-activedescendant],
select[aria-activedescendant],
textarea[aria-activedescendant] {
  outline: 0;
}
[type=color][aria-invalid=true],
[type=date][aria-invalid=true],
[type=datetime][aria-invalid=true],
[type=datetime-local][aria-invalid=true],
[type=email][aria-invalid=true],
[type=month][aria-invalid=true],
[type=number][aria-invalid=true],
[type=password][aria-invalid=true],
[type=search][aria-invalid=true],
[type=tel][aria-invalid=true],
[type=text][aria-invalid=true],
[type=time][aria-invalid=true],
[type=url][aria-invalid=true],
[type=week][aria-invalid=true],
input:not([type])[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
  --_input_background_color: var(--input_background_color_invalid, var(--invalid_background_color));
  --_input_border_color: var(--input_border_color_invalid, var(--invalid_border_color));
}

[type=color]:focus:invalid,
[type=date]:focus:invalid,
[type=datetime]:focus:invalid,
[type=datetime-local]:focus:invalid,
[type=email]:focus:invalid,
[type=month]:focus:invalid,
[type=number]:focus:invalid,
[type=password]:focus:invalid,
[type=search]:focus:invalid,
[type=tel]:focus:invalid,
[type=text]:focus:invalid,
[type=time]:focus:invalid,
[type=url]:focus:invalid,
[type=week]:focus:invalid,
input:not([type]):focus:invalid,
textarea:focus:invalid {
  --_input_background_color: var(--input_background_color_warning, var(--warning_background_color));
  --_input_border_color: var(--input_border_color_warningd, var(--warning_border_color));
}
[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
input:not([type])::placeholder,
textarea::placeholder {
  color: var(--input_placeholder_color, var(--gray_600));
}
[type=color]:read-only,
[type=date]:read-only,
[type=datetime]:read-only,
[type=datetime-local]:read-only,
[type=email]:read-only,
[type=month]:read-only,
[type=number]:read-only,
[type=password]:read-only,
[type=search]:read-only,
[type=tel]:read-only,
[type=text]:read-only,
[type=time]:read-only,
[type=url]:read-only,
[type=week]:read-only,
input:not([type]):read-only,
textarea:read-only {
  --_input_background_color: var(--input_background_color_read_only, var(--input_background_color, var(--gray_200)));
  --_input_border_color: var(--input_border_color_read_only, var(--input_border_color, var(--gray_300)));
  --_input_color: var(--input_color_read_only, var(--input_color, var(--gray_400)));
}
[type=color]:user-invalid,
[type=date]:user-invalid,
[type=datetime]:user-invalid,
[type=datetime-local]:user-invalid,
[type=email]:user-invalid,
[type=month]:user-invalid,
[type=number]:user-invalid,
[type=password]:user-invalid,
[type=search]:user-invalid,
[type=tel]:user-invalid,
[type=text]:user-invalid,
[type=time]:user-invalid,
[type=url]:user-invalid,
[type=week]:user-invalid,
input:not([type]):user-invalid,
textarea:user-invalid {
  --_input_background_color: var(--input_background_color_invalid, var(--invalid_background_color));
  --_input_border_color: var(--input_border_color_invalid, var(--invalid_border_color));
}
[type=color]:user-valid,
[type=date]:user-valid,
[type=datetime]:user-valid,
[type=datetime-local]:user-valid,
[type=email]:user-valid,
[type=month]:user-valid,
[type=number]:user-valid,
[type=password]:user-valid,
[type=search]:user-valid,
[type=tel]:user-valid,
[type=text]:user-valid,
[type=time]:user-valid,
[type=url]:user-valid,
[type=week]:user-valid,
input:not([type]):user-valid,
textarea:user-valid {
  --_input_background_color: var(--input_background_color_valid, var(--valid_background_color));
  --_input_border_color: var(--input_border_color_valid, var(--valid_border_color));
}

[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
select:disabled,
textarea:disabled {
  --_input_background_color: var(--input_background_color_disabled, var(--input_background_color, var(--gray_200)));
  --_input_border_color: var(--input_border_color_disabled, var(--input_border_color, var(--gray_300)));
  --_input_color: var(--input_color_disabled, var(--input_color, var(--gray_400)));
}

[type=range] {
  vertical-align: middle;
}

[type=search] {
  outline-offset: -0.2rem;
}

select {
  height: var(--select_height, calc(2 * var(--_)));
  margin-top: calc(var(--_input_border_width) / -2);
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

textarea {
  --input_line_height: var(--body_line_height);
  --input_padding: calc(var(--_half) - var(--_input_border_width)) .25em;
  height: auto;
  resize: vertical;
  vertical-align: top;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: var(--_);
}
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {
  margin-bottom: 0;
}

dl dl {
  margin-left: 1.5em;
}

dt {
  font-weight: var(--font_weight_bold);
}

dd {
  margin-left: 0;
}

ol, ul {
  padding-left: 1.5em;
}

figure {
  margin: 0 0 var(--_);
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  display: inline-block;
  max-width: 100%;
}

svg {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-color: currentcolor;
  margin-bottom: var(--_);
  width: 100%;
}

caption {
  font-weight: var(--font_weight_bold);
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

thead th {
  font-weight: var(--font_weight_bold);
  vertical-align: bottom;
}

td, th {
  padding-block: var(--table_cell_padding_block, 0);
  padding-inline: var(--table_cell_padding_inline, 0.25em);
  vertical-align: top;
}
td > dl:last-child,
td > ol:last-child,
td > ul:last-child,
td > table:last-child, th > dl:last-child,
th > ol:last-child,
th > ul:last-child,
th > table:last-child {
  margin-bottom: 0;
}

th {
  font-weight: inherit;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: var(--_);
}

blockquote {
  margin: 0 2em var(--_);
}

h1, ._h1,
h2, ._h2,
h3, ._h3,
h4, ._h4,
h5, ._h5,
h6, ._h6 {
  font-family: var(--h_font_family);
  font-weight: var(--h_font_weight);
  margin-top: 0;
  margin-bottom: var(--_);
}
h1 small, h1 ._small, ._h1 small, ._h1 ._small,
h2 small,
h2 ._small, ._h2 small, ._h2 ._small,
h3 small,
h3 ._small, ._h3 small, ._h3 ._small,
h4 small,
h4 ._small, ._h4 small, ._h4 ._small,
h5 small,
h5 ._small, ._h5 small, ._h5 ._small,
h6 small,
h6 ._small, ._h6 small, ._h6 ._small {
  font-weight: var(--font_weight_normal);
}

h1, ._h1 {
  font-size: var(--h1_font_size);
  line-height: var(--h1_line_height);
}

h2, ._h2 {
  font-size: var(--h2_font_size);
  line-height: var(--h2_line_height);
}

h3, ._h3 {
  font-size: var(--h3_font_size);
  line-height: var(--h3_line_height);
}

h4, ._h4 {
  font-size: var(--h4_font_size);
  line-height: var(--h4_line_height);
}

h5, ._h5 {
  font-size: var(--h5_font_size);
  line-height: var(--h5_line_height);
}

h6, ._h6 {
  font-size: var(--h6_font_size);
  line-height: var(--h6_line_height);
}

p, ._p {
  margin-top: 0;
  margin-bottom: var(--_);
}

hr {
  border: 0;
  border-top: var(--hr_border_size, 0.1rem) var(--hr_border_style, solid) var(--hr_border_color, var(--body_color));
  box-sizing: border-box;
  height: var(--hr_height, var(--_));
  margin: 0;
}

a:any-link {
  --_link_color: var(--link_color);
  --_link_text_decoration: var(--link_text_decoration);
  color: var(--_link_color, #00e);
  text-decoration: var(--_link_text_decoration, underline);
}
a:any-link:visited {
  --_link_color: var(--link_color_visited, var(--link_color, #528));
  --_link_text_decoration: var(--link_text_decoration_visited, var(--link_text_decoration));
}
a:any-link:hover {
  --_link_color: var(--link_color_hover, var(--link_color, #00f));
  --_link_text_decoration: var(--link_text_decoration_hover, var(--link_text_decoration));
}
a:any-link:focus {
  --_link_color: var(--link_color_focus, var(--link_color));
  --_link_text_decoration: var(--link_text_decoration_focus, var(--link_text_decoration));
  outline: var(--outline_width, 0.2rem) var(--outline_style, auto) var(--outline_color, #9cf);
  outline-offset: var(--outline_offset, 0.2rem);
}
a:any-link:focus._disabled {
  outline: 0;
}
a:any-link:active {
  --_link_color: var(--link_color_active, var(--link_color, #f00));
  --_link_text_decoration: var(--link_text_decoration_active, var(--link_text_decoration));
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

abbr[title] {
  cursor: help;
  text-decoration-skip-ink: none;
}

mark {
  background-color: var(--mark_background_color, #ff0);
}

small,
sub,
sup {
  font-size: var(--font_size_small);
  line-height: 1;
}

._clear_left {
  clear: left;
}

._clear_right {
  clear: right;
}

._clearfix::after {
  display: block;
  clear: both;
  content: "";
}

._margin_bottom {
  margin-bottom: var(--_);
}

._no_margin_bottom {
  margin-bottom: 0;
}

._pull_left {
  float: left;
}

._pull_right {
  float: right;
}

._responsive_table_wrapper {
  margin-bottom: var(--_);
  overflow-x: auto;
}
._responsive_table_wrapper > table:last-child {
  margin-bottom: 0;
}

._sr_only,
._sr_only_focusable:not(:focus):not(:focus-within) {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  width: 1px;
}

._text_left {
  text-align: left;
}

._text_right {
  text-align: right;
}

._text_center {
  text-align: center;
}

._text_justify {
  text-align: justify;
}

._text_capitalize {
  text-transform: capitalize;
}

._text_uppercase {
  text-transform: uppercase;
}

._text_lowercase {
  text-transform: lowercase;
}

#header {
  border-top: 3.5rem solid transparent;
  border-image: url("../images/nav-background.png") 100% 0 0 0/3.5rem 0 0 0 repeat;
  padding: var(--_) 1em;
  text-align: center;
}
#header > .container {
  margin-inline: auto;
  max-width: var(--centered_container_max_width, 100%);
}

#nav {
  --link_color: var(--white);
  --link_text_decoration: none;
  background: url("../images/nav-background.png") left top/auto 100%;
  font-size: 1.4rem;
  line-height: 2.5;
  min-height: 3.5rem;
  text-align: center;
}
#nav > .container {
  margin-inline: auto;
  max-width: var(--centered_container_max_width, 100%);
}
#nav ul {
  margin: 0;
  padding: 0;
}
#nav li {
  display: inline-block;
}
#nav a {
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  padding-inline: 3rem;
  text-transform: uppercase;
}
#nav a:active, #nav a:focus, #nav a:hover {
  background: rgba(0, 0, 0, 0.25);
}

#main {
  padding: var(--_) 1em;
}
#main > .container {
  margin-inline: auto;
  max-width: var(--centered_container_max_width, 100%);
}

#footer {
  border-top: 0.1rem solid var(--gray_400);
  font-size: 1.2rem;
  line-height: 2;
  padding: var(--_) 1em;
  text-align: center;
}
#footer > .container {
  margin-inline: auto;
  max-width: var(--centered_container_max_width, 100%);
}

:root {
  --font_family_sans: 'Roboto', sans-serif;
  --font_family_serif: 'Roboto Slab', serif;
  --font_family_mono: 'Roboto Mono', monospace;
  --container_padding_inline: 1.6rem;
  --centered_container_max_width: calc(72rem + 2 * var(--container_padding_inline));
  --link_color: #058;
}
@media screen and (min-width: 769px) {
  :root {
    --centered_container_max_width: calc(96rem + 2 * var(--container_padding_inline));
  }
}
@media screen and (min-width: 993px) {
  :root {
    --centered_container_max_width: calc(120rem + 2 * var(--container_padding_inline));
  }
}
@media screen and (min-width: 1281px) {
  :root {
    --centered_container_max_width: calc(144rem + 2 * var(--container_padding_inline));
  }
}

/*# sourceMappingURL=net-armageddon.css.map */