:root { --primary-canvas-color: hsl(0, 0%, 99%); --primary-content-color: hsl(0, 0%, 14%); --primary-content-lower-color: hsl(0, 0%, 14%); --primary-content-lowest-color: #000; --secondary-content-color: hsl(0, 0%, 14%); --secondary-content-lower-color: hsl(6, 54%, 39%); --secondary-content-lowest-color: hsl(5, 82%, 24%); }

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

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 100 200; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-ExtraLight.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-ExtraLight.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 300; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-Light.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-Light.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 400; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-Regular.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-Regular.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 500; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-Medium.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-Medium.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 600; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-SemiBold.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-SemiBold.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 700; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-Bold.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-Bold.ttf") format("truetype"); }

@font-face { font-family: "Mukta"; font-style: normal; font-weight: 800; font-display: swap; src: local("Mukta"), url("/assets/fonts/mukta/woff2/Mukta-ExtraBold.woff2") format("woff2"), url("/assets/fonts/mukta/truetype/Mukta-ExtraBold.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: normal; font-weight: 100 400; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-Regular.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-Regular.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: normal; font-weight: 500; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-Medium.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-Medium.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: normal; font-weight: 600; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-SemiBold.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-SemiBold.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: normal; font-weight: 700; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-Bold.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-Bold.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: italic; font-weight: 400; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-Italic.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-Italic.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: italic; font-weight: 500; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-MediumItalic.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-MediumItalic.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: italic; font-weight: 600; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-SemiBoldItalic.ttf") format("truetype"); }

@font-face { font-family: "Lora"; font-style: italic; font-weight: 700; font-display: swap; src: local("Lora"), url("/assets/fonts/lora/woff2/Lora-BoldItalic.woff2") format("woff2"), url("/assets/fonts/lora/truetype/Lora-BoldItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Thin.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Thin.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 200; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-ExtraLight.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ExtraLight.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-ExtraLight.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ExtraLight.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Light.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Light.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Medium.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Medium.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-SemiBold.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-SemiBold.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Bold.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Bold.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-ExtraBold.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ExtraBold.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 900; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Black.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Black.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 100; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-ThinItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ThinItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 200; font-display: swap; src: url("/assets/fonts/montserrat/woff2/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ExtraLightItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 300; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-LightItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-LightItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 400; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-Italic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-Italic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 500; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-MediumItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-MediumItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 600; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-SemiBoldItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 700; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-BoldItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-BoldItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 800; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-ExtraBoldItalic.ttf") format("truetype"); }

@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 900; font-display: swap; src: local("Montserrat"), url("/assets/fonts/montserrat/woff2/Montserrat-BlackItalic.woff2") format("woff2"), url("/assets/fonts/montserrat/truetype/Montserrat-BlackItalic.ttf") format("truetype"); }

html { scroll-behavior: smooth; height: -webkit-fill-available; -webkit-tap-highlight-color: var(--secondary-content-color); }

body { margin: 0 auto; max-width: 50em; display: flex; flex-direction: column; height: 100%; min-height: 100vh; min-height: -webkit-fill-available; background-color: var(--primary-canvas-color); font-family: "Mukta", sans-serif; font-size: 1.2rem; color: var(--primary-content-lower-color); }

body p::-moz-selection { color: var(--secondary-content-color); }

body p::selection { color: var(--secondary-content-color); }

body header, body footer { flex: none; }

body p { line-height: 1.5; }

body main { flex: 1 0 auto; padding: var(--space) var(--space) 0; margin-top: 5rem; padding: 3rem 0; max-width: min(90%, 52rem); margin-left: auto; margin-right: auto; }

body main:after { content: '\00a0'; display: block; margin-top: var(--space); height: 0px; visibility: hidden; }

body main--full { padding: 0; }

body main--full:after { content: none; }

@media (--break-lg) { body:not(#home) main { padding-top: var(--space-lg); } body:not(#home) main:after { margin-top: var(--space-lg); } }

::selection { color: var(--primary-content-color) !important; background: var(--secondary-content-color) !important; }

::-moz-selection { color: var(--primary-content-color) !important; background: var(--secondary-content-color) !important; }

h1, h2, h3, h4, h5, h6 { font-family: "Mukta", sans-serif; color: var(--secondary-content-color); }

h1 { text-align: center; font-size: min(calc(2rem + 1vw), 3.2rem); font-weight: 700; margin: 0; }

h1 + h2 { margin-top: 0.8rem; }

h2 { font-size: min(calc(1.6rem + 1vw), 2.3rem); }

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

.left { text-align: left; }

.right { text-align: right; }

.ltr { direction: ltr; }

.rtl { direction: rtl; }

a { font-weight: 600; color: inherit; text-decoration-color: var(--secondary-content-color); text-decoration-skip: ink; transition: text-decoration-color .5s; }

a:hover { text-decoration-color: var(--secondary-content-lower-color); }

a:active { text-decoration-color: var(--secondary-content-lowest-color); }

/* Layout */
header:first-of-type { background-color: var(--primary-canvas-color); width: 100%; right: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center; height: 5rem; z-index: 999; }

header:first-of-type > a { height: 70%; display: flex; justify-content: center; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

header:first-of-type > a .iww-logo { position: absolute; height: 70%; }

header:first-of-type:after { content: ""; position: fixed; top: 5rem; left: 1rem; right: 1rem; width: auto; border-bottom: 1.5px solid var(--primary-content-color); margin-top: -1.5px; opacity: 0.4; transition: top 3s ease; z-index: 998; }

header:nth-child(2) { text-align: center; }

header:nth-child(2) .subordinate-logo { margin: 0; }

header:nth-child(2) .subordinate-logo img { max-width: 26.875rem; margin-top: 5rem; }

header:nth-child(2) ul { display: flex; flex-direction: row; list-style-type: none; display: none; }

header nav { transition: visibility 0.7s, opacity 0.7s, -webkit-backdrop-filter 0.7s, backdrop-filter 0.7s; visibility: hidden; opacity: 0; position: fixed; height: 100vh; width: 100vw; overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; right: 0; left: 0; z-index: 1001; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); background-color: rgba(0, 0, 0, 0.8); color: #fff; }

header nav ul { height: 100%; height: -moz-available; height: -webkit-fill-available; height: fill-available; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-around; overflow-x: hidden; margin-right: calc(5rem + 5px); padding: calc(5rem + 5px) 0; list-style-type: none; }

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

header nav:after { content: "Labor is entitled to all it produces"; text-transform: uppercase; font-size: 11px; font-weight: 500; word-spacing: 1px; padding-bottom: 1rem; writing-mode: vertical-rl; text-orientation: sideways; transform: rotate(180deg); }

header #navigation-button { cursor: pointer; width: 30px; height: 25px; margin: auto; position: absolute; right: calc((5rem - 25px) / 2); z-index: 1002; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

header #navigation-button span { transition: background-color 0.65s; transition-timing-function: ease; background-color: var(--secondary-content-color); border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; }

header #navigation-button span:nth-child(2) { margin: 5px 0; }

input#navigation-button-toggle:not(:checked) ~ div label span:nth-child(1) { -webkit-animation: outTop 0.65s backwards; animation: outTop 0.65s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

input#navigation-button-toggle:not(:checked) ~ div label span:nth-child(2) { -webkit-animation: outMiddle 0.65s backwards; animation: outMiddle 0.65s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; background-color: red; }

input#navigation-button-toggle:not(:checked) ~ div label span:nth-child(3) { -webkit-animation: outBottom 0.65s backwards; animation: outBottom 0.65s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }

input#navigation-button-toggle:checked ~ nav { visibility: visible; opacity: 1; -webkit-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem); }

input#navigation-button-toggle:checked ~ div label span:nth-child(1) { -webkit-animation: inTop 0.65s forwards; animation: inTop 0.65s forwards; background-color: #fff; }

input#navigation-button-toggle:checked ~ div label span:nth-child(2) { -webkit-animation: inMiddle 0.65s forwards; animation: inMiddle 0.65s forwards; background-color: #fff; }

input#navigation-button-toggle:checked ~ div label span:nth-child(3) { -webkit-animation: inBottom 0.65s forwards; animation: inBottom 0.65s forwards; background-color: #fff; }

@-webkit-keyframes inMiddle { 50% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); } }

@keyframes inMiddle { 50% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); } }

@-webkit-keyframes outMiddle { 50% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); } }

@keyframes outMiddle { 50% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); } }

@-webkit-keyframes inTop { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(9px) rotate(0deg); }
  100% { -webkit-transform: translateY(9px) rotate(135deg); } }

@keyframes inTop { 0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(9px) rotate(0deg); }
  100% { transform: translateY(9px) rotate(135deg); } }

@-webkit-keyframes outTop { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(9px) rotate(0deg); }
  100% { -webkit-transform: translateY(9px) rotate(135deg); } }

@keyframes outTop { 0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(9px) rotate(0deg); }
  100% { transform: translateY(9px) rotate(135deg); } }

@-webkit-keyframes inBottom { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-9px) rotate(0deg); }
  100% { -webkit-transform: translateY(-9px) rotate(135deg); } }

@keyframes inBottom { 0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-9px) rotate(0deg); }
  100% { transform: translateY(-9px) rotate(135deg); } }

@-webkit-keyframes outBottom { 0% { -webkit-transform: translateY(0px) rotate(0deg); }
  50% { -webkit-transform: translateY(-9px) rotate(0deg); }
  100% { -webkit-transform: translateY(-9px) rotate(135deg); } }

@keyframes outBottom { 0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-9px) rotate(0deg); }
  100% { transform: translateY(-9px) rotate(135deg); } }

footer { display: flex; flex-direction: column; padding-bottom: 1rem; text-align: center; }

footer span a { text-decoration: none; }

footer span a:first-child { font-size: 1rem; font-weight: 100; color: inherit; }

footer span a:first-child:before { content: "\00A9"; display: inline-block; transform: rotateY(180deg); }

footer span a:last-child { font-weight: 300; color: inherit; }

code, pre { background: #eee; }

code { padding: 2px 4px; vertical-align: text-bottom; background: #f5f7f9; border-bottom: 1px solid #d8dee9; color: #a7adba; }

pre { padding: 1em; border-left: 2px solid #69c; }

abbr[title] { text-decoration: none !important; }

.three-pound { text-align: center; justify-content: center; font-weight: bolder; }

.iww-logo circle:last-of-type, .iww-logo path, .iww-logo line { fill: none; stroke: var(--color); stroke-miterlimit: 10; }

.iww-logo circle { fill: none; }

.iww-logo circle:last-of-type { stroke-width: 15px; }

.iww-logo path { stroke-width: 8px; }

.iww-logo line { stroke-width: 9px; }

.iww-logo polygon { fill: var(--color); }

.iww-logo.reversed circle:last-of-type, .iww-logo.reversed path, .iww-logo.reversed line { stroke: var(--primary-content-color); }

.iww-logo.reversed polygon { fill: var(--primary-content-color); }

.iww-logo.reversed circle { fill: var(--color); }

.social-icons { display: inline-flex; flex-direction: row; text-align: center; margin: 0 auto; }

.social-icons svg { width: 50px; height: 50px; fill: var(--primary-content-color); }

.social-icons a { width: 50px; height: 50px; text-decoration: none; transition: opacity 0.4s; transform: translateZ(0); }

.social-icons:hover > a { opacity: 0.3; width: 50px; height: 50px; }

.social-icons:hover a:hover { opacity: 1.0 !important; }

button { margin: .8rem; padding: 1.2rem 2.4rem; font-family: "Lora", serif; font-size: 1.05rem; font-weight: 600; text-align: center; letter-spacing: 0.125rem; text-transform: uppercase; text-decoration: none; display: inline-block; background-color: transparent; color: var(--primary-content-color); border: 0.125rem solid var(--primary-content-color); cursor: pointer; transition: all 2s; transition-timing-function: ease; transition-duration: 0.25s; -webkit-transition-duration: 0.25s; }

button:hover { background-color: var(--secondary-content-lower-color); color: var(--primary-content-color); transition-duration: 0.15s; -webkit-transition-duration: 0.15s; }

button:active { background-color: var(--secondary-content-lowest-color); box-shadow: none; transform: translate(0.15rem, 0.15rem); color: var(--secondary-content-color); transition-duration: 0.15s; -webkit-transition-duration: 0.15s; }

button.small { padding: 0.9rem 1.8rem !important; font-size: 1rem !important; }

button:disabled, button[disabled], button:disabled:hover, button[disabled]:hover { cursor: not-allowed !important; opacity: 0.4; }

/* Begin form styles */
.flicker { opacity: .25; animation-name: flicker; animation-duration: 2.5s; animation-fill-mode: forwards; animation-delay: 1.3s; animation-iteration-count: 1; }

@keyframes flicker { 0%, 8%, 14% { opacity: .1; }
  0%, 10%, 25% { opacity: .25; }
  5%, 30%, 50%, 70% { opacity: .5; }
  16%, 60%, 80% { opacity: .75; }
  90% { opacity: .8; }
  94% { opacity: .5; }
  to { opacity: 1; } }

/* End form styles */
/* Media queries */
/* End media queries */
/* Languages */
.en:lang(en), .es:lang(es) { opacity: 1 !important; }

.language-selector { position: fixed; margin-right: 0.9rem; margin-left: auto; right: 0; bottom: 0.9rem; font-weight: 100; }

.language-selector .language-option a { opacity: 0.6; transition: opacity 0.4s; }

.language-selector .language-option:not(:last-child):after { content: "\2022"; }

.language-selector .language-option:only-child { display: none; }

.language-selector:hover > .language-option a { opacity: 0.6 !important; }

.language-selector:hover a:hover { opacity: 1 !important; }

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