/* CSS Document */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul, li {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

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

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a,
a:hover,
a:visited {
  text-decoration: none;
  color: inherit; }

button,
input {
  font-size: inherit;
  color: inherit;
  border: none; }

@-webkit-keyframes BLUR_IN {
  from {
    transform: scale(1.1);
    filter: blur(20px); }
  to {
    transform: scale(1);
    filter: blur(0); } }
@-webkit-keyframes TRACK_IN {
  from {
    opacity: 0;
    letter-spacing: 0; }
  to {
    letter-spacing: 0.1em;
    opacity: 1; } }
@-webkit-keyframes TRACK_OUT {
  to {
    opacity: 0;
    letter-spacing: 0.1em; } }
@-webkit-keyframes FADE_IN {
  from {
    opacity: 0;
    transform: scale(0.9); }
  to {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes SLIDE_IN {
  to {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes COLOR_CYCLE {
  0%, 100% {
    background: #ef2e2e; }
  16.6% {
    background: #e7a11c; }
  33.2% {
    background: #dbe71d; }
  49.8% {
    background: #09d722; }
  66.4% {
    background: #56abe9; }
  83% {
    background: #df3ce4; } }
@-webkit-keyframes TEXT_COLOR_CYCLE {
  0%, 100% {
    color: #ef2e2e; }
  16.6% {
    color: #e7a11c; }
  33.2% {
    color: #dbe71d; }
  49.8% {
    color: #09d722; }
  66.4% {
    color: #56abe9; }
  83% {
    color: #df3ce4; } }
@-webkit-keyframes FILL_COLOR_CYCLE {
  0%, 100% {
    fill: #ef2e2e; }
  16.6% {
    fill: #e7a11c; }
  33.2% {
    fill: #dbe71d; }
  49.8% {
    fill: #09d722; }
  66.4% {
    fill: #56abe9; }
  83% {
    fill: #df3ce4; } }
@-webkit-keyframes SLIDE_UP {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.blur-in {
  -webkit-animation: BLUR_IN 2s 1 forwards; }

.track-in {
  opacity: 0;
  animation: TRACK_IN 0.9s 0.2s 1 forwards; }

.track-out {
  animation: TRACK_OUT 0.9s 1 forwards; }

.fade-in {
  opacity: 0;
  animation: FADE_IN 0.9s 0.5s 1 forwards; }

.slide-in-left {
  opacity: 0;
  transform: translateX(30px);
  animation: SLIDE_IN 0.9s 0.5s 1 forwards; }

.slide-in-right {
  opacity: 0;
  transform: translateX(-30px);
  animation: SLIDE_IN 0.9s 0.5s 1 forwards; }

.slide-up {
  animation: SLIDE_UP 1s 1 backwards; }

.delay--1 {
  animation-delay: 0.2s; }

.delay--2 {
  animation-delay: 0.2s; }

.delay--3 {
  animation-delay: 0.2s; }

.main {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.main-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -960px;
  margin-top: -540px;
  width: 1920px;
  height: 1080px;
  transition: all 0.5s; }
  .main-wrapper.is-blurred {
    filter: blur(10px);
    transform: scale(0.94); }
  .main-wrapper.has-notes {
    transform: scale(0.8) translateY(-100px); }

.monogram {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -46px;
  z-index: 0;
  height: 22px;
  margin: auto; }

.stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 1920px;
  height: 1080px;
  margin: auto;
  transition: all 0.5s;
  background: #000000;
  border-radius: 10px;
  overflow: hidden; }

.stage__control {
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  z-index: 11; }

.left-control {
  left: 0;
  cursor: w-resize; }

.right-control {
  right: 0;
  cursor: e-resize; }

.progress {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 14px; }

.slide-number {
  position: absolute;
  top: 28px;
  right: 0; }

.progress-bar {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(255, 255, 255, 0.2); }

.progress-thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: #56abe9;
  transition: all 0.6s; }

.progress-time {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 0;
  background: rgba(255, 255, 255, 0.2);
  transition: all 1s linear; }

.slide-count {
  opacity: 0.5; }

.presentation-title {
  position: absolute;
  top: 28px;
  left: 0;
  color: rgba(255, 255, 255, 0.5); }

.by {
  position: absolute;
  top: 28px;
  right: 0;
  color: rgba(255, 255, 255, 0.5); }
  .by a {
    color: #56abe9; }

.slide-wrapper,
.slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .slide-wrapper *:not(span),
  .slide-content *:not(span) {
    position: absolute; }

.layer {
  transition: all 0.3s; }

.full-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center; }

.full-slide {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.headline {
  z-index: 2;
  font-family: "objektiv-mk1", "Eina03-Bold", "AvenirNext-Bold", "ingra-2", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 5em;
  height: 1em;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center; }

.center {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.slide-placeholder {
  background: #ffffff;
  font-size: 100px;
  color: #000000; }
  .slide-placeholder .slide-content {
    padding: 1em; }

.menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  margin: auto;
  background: black;
  color: #ffffff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s; }
  .menu.is-visible {
    opacity: 0.85;
    pointer-events: auto; }

.menu-item {
  align-items: center;
  padding: 1em;
  cursor: pointer;
  display: none; }
  .menu-item.is-enabled {
    display: flex; }
  .menu-item:hover {
    background: rgba(255, 255, 255, 0.15); }

.menu-items {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 38.2%;
  padding: 5em 0;
  overflow: scroll; }

.menu-item__slide-number {
  display: inline-block;
  width: 3em;
  margin-right: 0.6em;
  opacity: 0.5;
  font-size: 0.8em;
  text-align: right; }

.menu-item__slide-name {
  display: inline-block; }

.menu-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
  right: 61.8%;
  margin: auto; }

.menu-search-input {
  height: 100%;
  font-size: 2em;
  background: none;
  border: none;
  color: #ffffff;
  font-family: "objektiv-mk1", "Eina03-Bold", "AvenirNext-Bold", "ingra-2", -apple-system, BlinkMacSystemFont, sans-serif; }

.menu-item__thumbnail {
  flex: 0 0 auto;
  position: relative;
  width: 192px;
  height: 108px;
  background: white;
  overflow: hidden; }
  .menu-item__thumbnail .slide-wrapper {
    width: 1920px;
    height: 1080px;
    transform: scale(0.1);
    transform-origin: top left; }

.notes {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 100px;
  font-size: 24px;
  white-space: pre-line; }

.welcome {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 375px;
  height: 250px;
  margin: auto;
  font-size: 14px;
  text-align: center; }
  .welcome h1 {
    font-size: 2em; }
  .welcome h2 {
    font-size: 1em;
    color: rgba(255, 255, 255, 0.5); }

.loading {
  position: relative;
  width: 120px;
  height: 3px;
  margin: 4em auto;
  background: rgba(255, 255, 255, 0.25); }

.loading__loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #56abe9;
  animation: COLOR_CYCLE 10s infinite linear; }

body {
  background: var(--background, #000000);
  -webkit-font-smoothing: antialiased; }

body,
input,
select,
textarea,
button {
  font-size: 17px;
  font-family: "objektiv-mk1", "Eina03-Bold", "AvenirNext-Bold", "ingra-2", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  line-height: 1.6;
  color: var(--foreground, #ffffff); }

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