@charset "UTF-8";
/*
Title: Elemetary CSS Framework
Description: A simple CSS framework for my client and personal work, using SASS
Author: Prathamesh Pai
Author URI: http://transducent.com/
Version: 1.5.0
*/
@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

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

@-moz-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-ms-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-o-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

* { box-sizing: border-box; }

html { font-size: 87.5%; }

body { font-size: 1rem; font-family: Oxygen, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #bfbfbf; background-color: #133443; min-height: 100vh; display: flex; flex-direction: column; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0; }

h1 { font-size: 1.728rem; }

h2 { font-size: 1.44rem; }

h3 { font-size: 1.2rem; }

h4 { font-size: 1rem; }

h5 { font-size: 0.8333333333rem; }

h6 { font-size: 0.6944444444rem; }

p { margin: 1em 0; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

ul, ol { margin: 1em 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }

table, th, td { border: 1px solid #e6e6e6; }

th { font-weight: bold; }

td { padding: 0.5em; }

code { display: block; background-color: #e6e6e6; padding: 1em; margin: 1em 0; }

details summary { cursor: pointer; }

.normal { font-weight: normal; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.txt-align-right { text-align: right; }

.txt-align-left { text-align: left; }

.txt-align-centre { text-align: center; }

.txt-align-justify { text-align: justify; }

.txt-align-vertical-centre { vertical-align: middle; }

.quote article { font-style: italic; font-size: 1rem; }

.quote address.author:before { content: "\2014"; display: inline-block; margin-right: 0.5em; }

.meta { color: #bfbfbf; }

.sm { font-size: 0.8333333333rem; }

.lg { font-size: 1.2rem; }

.uc { text-transform: uppercase; }

.err { color: #FFAEA3; }

.lc { text-transform: lowercase; }

.message, ul.messages li, ul.toasts li, ol.messages li, ol.toasts li, .toast { display: block; padding: 1em; -webkit-animation: 3s 1 fadein; -moz-animation: 3s 1 fadein; -ms-animation: 3s 1 fadein; -o-animation: 3s 1 fadein; animation: 3s 1 fadein; }

.message.debug, ul.messages li.debug, ul.toasts li.debug, ol.messages li.debug, ol.toasts li.debug, .toast.debug { background-color: #B1B6FF; }

.message.info, ul.messages li.info, ul.toasts li.info, ol.messages li.info, ol.toasts li.info, .toast.info { background-color: #A3CEFF; }

.message.success, ul.messages li.success, ul.toasts li.success, ol.messages li.success, ol.toasts li.success, .toast.success { background-color: #90E1CA; }

.message.warning, ul.messages li.warning, ul.toasts li.warning, ol.messages li.warning, ol.toasts li.warning, .toast.warning { background-color: #FFE0A3; }

.message.error, ul.messages li.error, ul.toasts li.error, ol.messages li.error, ol.toasts li.error, .toast.error { background-color: #FFAEA3; }

ul.indented, ol.indented { margin-left: 1em; }

ul.no-bull, ol.no-bull { list-style-type: none; }

ul.messages, ul.toasts, ol.messages, ol.toasts { list-style-type: none; margin: 0; }

ul.non-field-errors, ul.field-errors, ul.errors, ol.non-field-errors, ol.field-errors, ol.errors { list-style-type: none; margin: 0; }

ul.non-field-errors li, ul.field-errors li, ul.errors li, ol.non-field-errors li, ol.field-errors li, ol.errors li { color: #FFAEA3; }

.disabled, .loading { opacity: 0.5; }

.disabled input, .loading input, .disabled textarea, .loading textarea, .disabled select, .loading select, .disabled label, .loading label { pointer-events: none; }

.loading { color: transparent !important; min-height: 2em; pointer-events: none; position: relative; }

.loading::after { -webkit-animation: 1s rotate infinite linear; -moz-animation: 1s rotate infinite linear; -ms-animation: 1s rotate infinite linear; -o-animation: 1s rotate infinite linear; animation: 1s rotate infinite linear; background: transparent; border: 2px solid gray; border-radius: 50%; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 2em; left: 50%; margin-left: -1em; margin-top: -1em; opacity: 1; padding: 0; position: absolute; top: 50%; width: 2em; z-index: 1000; }

img { max-width: 100%; }

img.cover { object-fit: cover; }

img.contain { object-fit: contain; }

img.stretch { width: 100%; }

.container { width: 100%; max-width: 1440px; padding: 1em; margin: 0 auto; }

.screen-reader-only { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.hide-completely { display: none; }

.float-left { float: left; }

.float-right { float: right; }

.inline-block { display: inline-block; }

.flexy { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; }

.flexy.wrap { flex-wrap: wrap; }

.flexy.align-centre { align-items: center; }

.flexy.justify-centre { justify-content: center; }

.flexy.column { flex-direction: column; }

.flexy.space-between { justify-content: space-between; }

.flexy.space-around { justify-content: space-around; }

.flexy.align-start { align-items: flex-start; }

.flexy.align-end { align-items: flex-end; }

.flexy.justify-start { justify-content: flex-start; }

.flexy.justify-end { justify-content: flex-end; }

.flexy.middle { justify-content: center; flex-direction: column; }

.flexy > *.align-start { align-self: flex-start; }

.flexy > *.align-end { align-self: flex-emd; }

.flexy > *.align-centre { align-self: center; }

.flexy > *.flex-one { flex: 1; }

#site-header { background-color: transparent; }

#site-footer { background-color: #133443; font-size: 0.8333333333rem; color: #fff; }

a, a:visited { color: #EC6662; text-decoration: none; }

a .icon, a:visited .icon { stroke: #EC6662; }

a:hover, a:visited:hover { color: #b81b16; }

a:hover .icon, a:visited:hover .icon { stroke: #b81b16; }

a.active, a.active:visited { color: #bfbfbf; }

a.with-inline-svg-icon, a.with-inline-svg-icon:visited { display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; }

a.with-inline-svg-icon .icon, a.with-inline-svg-icon:visited .icon { margin-right: 0.5em; }

a.with-inline-svg-icon.vertical, a.with-inline-svg-icon.vertical:visited { flex-direction: column; }

a.with-inline-svg-icon.vertical .icon, a.with-inline-svg-icon.vertical:visited .icon { margin: 0; }

.btn { text-decoration: none; outline: none; border: none; line-height: 1; padding: 0.5em; display: inline-block; background: transparent; border: 1px solid; color: #e63946; }

.btn .icon { stroke: #e63946; }

.btn:hover { color: #8e121b; }

.btn:hover .icon { stroke: #8e121b; }

.btn.sm { padding: 0.25em; }

.btn.lg { padding: 1em; }

.btn.xs { padding: 0.125em; }

.btn.primary { color: #133443; }

.btn.primary .icon { stroke: #133443; }

.btn.primary:hover { color: black; }

.btn.primary:hover .icon { stroke: black; }

.btn.secondary { color: #EC6662; }

.btn.secondary .icon { stroke: #EC6662; }

.btn.secondary:hover { color: #b81b16; }

.btn.secondary:hover .icon { stroke: #b81b16; }

.btn.grey { color: #bfbfbf; }

.btn.grey .icon { stroke: #bfbfbf; }

.btn.grey:hover { color: gray; }

.btn.grey:hover .icon { stroke: gray; }

.btn.block { display: block; }

.btn.rounded { border-radius: 5px; }

.btn .rounded { border-radius: 5px; }

.btn.solid { border: none; background-color: #e63946; color: #fff; }

.btn.solid:hover { color: #8e121b; }

.btn.solid:hover .icon { stroke: #8e121b; }

.btn.solid .icon { stroke: #fff; }

.btn.solid.primary { background-color: #133443; }

.btn.solid.primary:hover { color: black; }

.btn.solid.primary:hover .icon { stroke: black; }

.btn.solid.secondary { background-color: #EC6662; }

.btn.solid.secondary:hover { color: #b81b16; }

.btn.solid.secondary:hover .icon { stroke: #b81b16; }

.btn.solid.grey { background-color: #bfbfbf; }

.btn.solid.grey:hover { color: gray; }

.btn.solid.grey:hover .icon { stroke: gray; }

.btn.disabled, .btn.loading { background-color: #e6e6e6; color: #bfbfbf; cursor: default; border: none; }

.btn.disabled .icon, .btn.loading .icon { stroke: #bfbfbf; }

.btn.disabled:hover, .btn.loading:hover { border: none; background-color: #e6e6e6; color: #bfbfbf; }

.btn.disabled:hover .icon, .btn.loading:hover .icon { stroke: #bfbfbf; }

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

nav.horizontal ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; margin-right: -1em; margin-bottom: -1em; }

nav.horizontal ul li { margin-right: 1em; margin-bottom: 1em; }

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

nav.breadcrumbs ul li:last-child:after { content: ""; }

nav.breadcrumbs ul li:after { content: "→"; margin: 0 0.5em; }

.flex-wrap-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; margin: 0 -1em -1em 0; }

.flex-wrap-grid > * { margin: 0 1em 1em 0; }

.flex-wrap-grid.three-col > * { width: calc(33.33% - 1em); }

.flex-wrap-grid.two-col > * { width: calc(50% - 1em); }

.flex-wrap-grid.four-col > * { width: calc(25% - 1em); }

.flex-wrap-grid.align-start { align-items: flex-start; }

.flex-wrap-var-col-size-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; margin: 0 -1em -1em 0; align-items: flex-start; }

.flex-wrap-var-col-size-grid > * { margin: 0 1em 1em 0; min-width: 320px; }

.flex-wrap-var-col-size-grid > .col-6 { width: calc(83.33333% - 1em); }

.flex-wrap-var-col-size-grid > .col-5 { width: calc(100% - 1em); }

.flex-wrap-var-col-size-grid > .col-4 { width: calc(66.66666% - 1em); }

.flex-wrap-var-col-size-grid > .col-3 { width: calc(50% - 1em); }

.flex-wrap-var-col-size-grid > .col-2 { width: calc(33.33333% - 1em); }

.flex-wrap-var-col-size-grid > .col-1 { width: calc(16.66666% - 1em); }

body.possesed { overflow: hidden; }

#overlord { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: flex-start; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; display: none; }

#overlord.now-showing { display: flex; opacity: 1; z-index: 1000; }

#overlord #gallery-inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: flex-start; }

#overlord #gallery-inner > a { font-size: 2.0736rem; color: #fff; font-family: monospace; text-decoration: none; }

#overlord #gallery-inner > a:hover { color: #EC6662; }

#overlord #gallery-inner figure { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

#overlord #gallery-inner figure.faded { opacity: 0; }

#overlord #gallery-inner figure img { max-height: 90vh; }

#overlord #gallery-inner figure figcaption { color: #fff; }

#overlord #gallery-inner figure figcaption span { text-align: right; font-size: 0.8333333333rem; }

#overlord .close-btn { position: absolute; top: 1em; right: 1em; font-size: 1.44rem; color: #fff; cursor: pointer; }

#overlord .close-btn:hover { color: #EC6662; }

h1, h2, h3, h4, h5, h6 { color: #fff; }

h3 { margin-top: 1em; }

h3 + h4 { margin-top: 1em; }

figcaption { font-style: italic; }

video { max-width: 100%; }

p:first-child, header + p { margin-top: 0; }

p { max-width: 40em; }

p.full { max-width: none; }

hr { border: none; border-top: 1px solid #194357; width: 100%; }

.container { min-height: 100vh; display: flex; flex-direction: column; }

.container main { flex: 1; display: flex; flex-direction: column; justify-content: center; }

.page-grid { padding: 1em; }

@media (min-width: 720px) { .page-grid { padding: 0; display: grid; grid-gap: 4em; grid-template-columns: 1fr 20em; align-items: center; } }

.page-grid aside { font-size: 0.8333333333rem; }

.page-grid.halfsies { grid-template-columns: 1fr 1fr; }

.page-grid.thirty { grid-template-columns: 1fr 30em; }

section { margin-bottom: 4em; }

img.sm { max-width: 35em; }

#home #site-header nav { display: none; }

#site-header { padding: 2em 0; }

#logo { display: block; max-width: 20em; }

#logo img { width: 100%; }

.txt-cols { column-width: 20em; }

nav { font-size: 0.8333333333rem; margin-bottom: 1em; }

#nav-primary { margin-top: 1em; }

#nav-primary a { color: #fff; }

#nav-primary a:hover, #nav-primary a.active { color: #EC6662; text-decoration: underline; }

#nav-primary.with-icons li { display: flex; }

#nav-primary.with-icons li a { display: flex; flex-direction: column; justify-content: space-between; }

#nav-primary.with-icons li a img { display: block; width: 14em; flex: 1; }

.film header { display: flex; flex-wrap: wrap; align-items: baseline; }

.film header h3 { margin-right: 1em; margin-top: 0; font-weight: normal; }

.film figure { max-width: 20em; margin-right: 1em; }

.film-meta img { max-width: 15em; }

dl > div { display: flex; flex-wrap: wrap; }

dl > div dt { font-weight: bold; text-transform: capitalize; }

dl > div dt:after { display: inline-block; content: ":"; }

dl > div dd { margin-left: 1em; }

dl.film-meta { font-size: 0.8333333333rem; }

.gallery { margin: 2em 0; }

.gallery .thumb { width: 10em; height: 10em; }

@supports (object-fit: cover) { .gallery .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } }

.curations li { margin-bottom: 1.5em; }

.curations li a strong { font-size: 1.2rem; font-weight: normal; }

#site-footer { margin: 2em 0; color: #bfbfbf; }

#site-footer .meta { color: gray; }

.chaos { width: 100%; min-height: 50vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.chaos a { display: inline-block; margin: 0 10px; line-height: 10px; }

@media (min-width: 720px) { .chaos a:nth-child(1) { font-size: 32px; margin-bottom: -13px; margin-right: 0px; top: 29px; left: 213px; } .chaos a:nth-child(2) { font-size: 22px; margin-bottom: -8px; margin-right: 9px; top: 24px; left: 100px; } .chaos a:nth-child(3) { font-size: 27px; margin-bottom: -14px; margin-right: 7px; top: 394px; left: 75px; } .chaos a:nth-child(4) { font-size: 16px; margin-bottom: -13px; margin-right: 20px; top: 224px; left: 451px; } .chaos a:nth-child(5) { font-size: 19px; margin-bottom: -9px; margin-right: 16px; top: 145px; left: 212px; } .chaos a:nth-child(6) { font-size: 19px; margin-bottom: -8px; margin-right: 16px; top: 25px; left: 251px; } .chaos a:nth-child(7) { font-size: 31px; margin-bottom: -9px; margin-right: 4px; top: 402px; left: 278px; } .chaos a:nth-child(8) { font-size: 32px; margin-bottom: -11px; margin-right: 7px; top: 193px; left: 59px; } .chaos a:nth-child(9) { font-size: 24px; margin-bottom: -12px; margin-right: 22px; top: 159px; left: 167px; } .chaos a:nth-child(10) { font-size: 29px; margin-bottom: -12px; margin-right: 5px; top: 174px; left: 177px; } .chaos a:nth-child(11) { font-size: 19px; margin-bottom: -12px; margin-right: -5px; top: 41px; left: 157px; } .chaos a:nth-child(12) { font-size: 18px; margin-bottom: -10px; margin-right: 13px; top: 298px; left: 106px; } .chaos a:nth-child(13) { font-size: 15px; margin-bottom: -11px; margin-right: 12px; top: 179px; left: 391px; } .chaos a:nth-child(14) { font-size: 17px; margin-bottom: -10px; margin-right: 15px; top: 403px; left: 127px; } .chaos a:nth-child(15) { font-size: 20px; margin-bottom: -10px; margin-right: 12px; top: 236px; left: 433px; } .chaos a:nth-child(16) { font-size: 27px; margin-bottom: -7px; margin-right: 3px; top: 125px; left: 235px; } .chaos a:nth-child(17) { font-size: 19px; margin-bottom: -11px; margin-right: -1px; top: 326px; left: 229px; } .chaos a:nth-child(18) { font-size: 32px; margin-bottom: -14px; margin-right: -3px; top: 254px; left: 323px; } .chaos a:nth-child(19) { font-size: 26px; margin-bottom: -14px; margin-right: 17px; top: 257px; left: 473px; } .chaos a:nth-child(20) { font-size: 26px; margin-bottom: -11px; margin-right: 27px; top: 83px; left: 335px; } }

.image-credit { font-family: Courier, monospace; letter-spacing: 0.2em; }

ul.credits { list-style: none; margin: 0; padding: 0; }

ul.credits li { margin: 0; max-width: 40em; }

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