/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ *//* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme *//* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//*==========================================================================Base styles: opinionated defaults==========================================================================*/html{color: #222; font-size: 1em; line-height: 1.4;}/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Customize the background color to match your design. */::-moz-selection{background: #000; color: #fffef2; text-shadow: none}::selection{background: #000; color: #fffef2; text-shadow: none}/* * A better looking default horizontal rule */hr{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */audio,canvas,iframe,img,svg,video{vertical-align: middle;}/* * Remove default fieldset styles. */fieldset{border: 0; margin: 0; padding: 0;}/* * Allow only vertical resizing of textareas. */textarea{resize: vertical;}/*==========================================================================Author's custom styles==========================================================================*/@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("font-files/Inter-Bold.woff2") format("woff2")}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box}body,html{margin: 0; padding: 0; min-height: 100vh}html{font-family: 'Inter', sans-serif; background-color: #fafafa; color: #fafafa}html{text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; -webkit-tap-highlight-color: transparent}body{overflow-x: hidden; word-break: break-word; overflow-wrap: break-word; background-color: #f65e35; color: #fafafa; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; font-kerning: normal; -webkit-font-kerning: normal; -ms-font-kerning: normal; -moz-font-kerning: normal; -o-font-kerning: normal; font-variant-ligatures: contextual common-ligatures; -webkit-font-variant-ligatures: contextual common-ligatures; -ms-font-variant-ligatures: contextual common-ligatures; -moz-font-variant-ligatures: contextual common-ligatures; -o-font-variant-ligatures: contextual common-ligatures; font-feature-settings: 'kern'1, 'liga'1, 'calt'1; text-rendering: optimizeLegibility}.header{position: fixed; z-index: 999999; top: 0; width: 100%; overflow: hidden; height: 30vh; background-color: transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0.3085609243697479) 0%, rgba(255, 255, 255, 0) 100%);}.column{float: left; width: 50%; padding: 3vmax; height: 30vh; color: #fafafa; border-right: 1px solid transparent; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box}.column+.column{border-right: 0}.row:after{content: ""; display: table; clear: both}.column h1,.column p,.static-content h2{font-size: 1.7vmax; line-height: 1.3; font-weight: 700; letter-spacing: -.015em; padding: 0; margin: 0 .7vmax 0 0; display: block; float: left; color: #fafafa;}.static-content h2{line-height: 1}a:link{color: #fafafa; text-decoration: none}a:visited{color: #fafafa}a:hover{color: #fafafa}a:active{color: #fafafa}i{font-size: 3.2vh}.columm-inf{position: fixed; bottom: 0; width: 100%; overflow: hidden; height: 70vh; background-color: transparent; padding-left: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; border-top: 1px solid transparent; z-index: 99999999 !important}.columm-inf .sponsor{display: block; width: 300px; height: 100px; line-height: 1; white-space: nowrap; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; position: fixed; font-size: 10px; bottom: 1.8vmax; right: 1.8vmax; z-index: 99999999 !important; text-align: right; background-color: transparent}.columm-inf .sponsor img{display: block; width: 300px; height: 100px; height: auto; line-height: 1}.static-content{padding: 3vmax; display: block}.static-content h2{margin: 0; position: absolute; bottom: 3vmax}@keyframes right{from{transform: translateX(calc((-4vw + -4vh + -4%)/ 3)) rotate(.01deg); -ms-transform: translateX(-4%)}to{transform: translateX(calc((4vw + 4vh + 4%)/ 3)) rotate(.01deg); -ms-transform: translateX(4%)}}@keyframes left{from{transform: translateX(calc((4vw + 4vh + 4%)/ 3)) rotate(.01deg); -ms-transform: translateX(4%)}to{transform: translateX(calc((-4vw + -4vh + -4%)/ 3)) rotate(.01deg); -ms-transform: translateX(-4%)}}@keyframes down{from{transform: translateY(calc((-4vw + -4vh + -4%)/ 3)) rotate(.01deg); -ms-transform: translateY(-4%)}to{transform: translateY(calc((4vw + 4vh + 4%)/ 3)) rotate(.01deg); -ms-transform: translateY(4%)}}@keyframes up{from{transform: translateY(calc((4vw + 4vh + 4%)/ 3)) rotate(.01deg); -ms-transform: translateY(4%)}to{transform: translateY(calc((-4vw + -4vh + -4%)/ 3)) rotate(.01deg); -ms-transform: translateY(-4%)}}@keyframes out{from{transform: scale(1.15)}to{transform: scale(1)}}@keyframes in{from{transform: scale(1)}to{transform: scale(1.15)}}#slides{position: fixed; width: 1px; height: 1px; left: -9999px}#slideshow{position: fixed; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0}#slideshow .slide,#slideshow .static-content,#slideshow span{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0}#slideshow .slide span{background-size: cover; background-position: center}#slideshow .slide span.animate.left,#slideshow .slide span.animate.right{left: calc((-4vw + -4vh + -4%)/ 3); right: calc((-4vw + -4vh + -4%)/ 3)}#slideshow .slide span.animate.down,#slideshow .slide span.animate.up{top: calc((-4vw + -4vh + -4%)/ 3); bottom: calc((-4vw + -4vh + -4%)/ 3)}#slideshow span.animate{animation-fill-mode: forwards; animation-timing-function: linear}#slideshow span.animate.right{animation-name: right}#slideshow span.animate.left{animation-name: left}#slideshow span.animate.up{animation-name: up}#slideshow span.animate.down{animation-name: down}#slideshow span.animate.in{animation-name: in}#slideshow span.animate.out{animation-name: out}#slideshow span.animate.paused{animation-play-state: paused}.hidden{display: none !important}.sr-only{border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto}a.slide::after{content: ''; position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; bottom: 0; right: 0;}.orange{background-color: #f65e35;}.orange span.animate{mix-blend-mode: multiply; -webkit-filter: grayscale(100%) contrast(1.2); filter: grayscale(100%) contrast(1.2);}.orange::after{background-color: #1e3265; mix-blend-mode: lighten;}@media screen and (orientation:portrait){.column h1, .column p, .static-content h2{font-size: 2vmax}}@media screen and (orientation:landscape){.column h1, .column p, .static-content h2{font-size: 1.7vmax}}@media only screen and (max-width: 767.99px){.columm, .static-content{padding: 3vmax;}.static-content h2{bottom: 3vmax;}.columm-inf .sponsor, .columm-inf .sponsor img{width: 150px; height: 50px;}.columm-inf .sponsor{bottom: 1vmax; right: 1.7vmax;}}/*==========================================================================Helper classes==========================================================================*//* * Hide visually and from screen readers */.hidden,[hidden]{display: none !important;}/* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */.visually-hidden{border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */}/* * Extends the .visually-hidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto;}/* * Hide visually and from screen readers, but maintain layout */.invisible{visibility: hidden;}/* * Clearfix: contain floats * * The use of `table` rather than `block` is only necessary if using * `::before` to contain the top-margins of child elements. */.clearfix::before,.clearfix::after{content: ""; display: table;}.clearfix::after{clear: both;}/*==========================================================================EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires.==========================================================================*/@media only screen and (min-width: 35em){/* Style adjustments for viewports that meet the condition */}@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi){/* Style adjustments for high resolution devices */}/*==========================================================================Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/==========================================================================*/@media print{*, *::before, *::after{background: #fff !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important;}a, a:visited{text-decoration: underline;}a[href]::after{content: " (" attr(href) ")";}abbr[title]::after{content: " (" attr(title) ")";}/* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]::after, a[href^="javascript:"]::after{content: "";}pre{white-space: pre-wrap !important;}pre, blockquote{border: 1px solid #999; page-break-inside: avoid;}tr, img{page-break-inside: avoid;}p, h2, h3{orphans: 3; widows: 3;}h2, h3{page-break-after: avoid;}}