#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{margin:0;font-family:Helvetica;overflow:hidden}#nav,body{padding:0}#loading-screen{width:100%;height:100%;background:#000;display:grid;place-items:center}#loading-screen,#status{position:absolute;z-index:999;color:#fff;font-size:48px}#status{background:#3a3939;margin:20px;padding:10px;border-radius:20px;opacity:.7}#slides{display:grid;grid-template-areas:"slide";width:100vw;height:100vh;background:#000;--transition-speed:0.2s}#slides>*{grid-area:slide;opacity:0;transition:opacity var(--transition-speed) var(--transition-speed)}#slides>.current{opacity:1;z-index:10;transition:opacity var(--transition-speed)}img,video{width:100%;-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100vh}img,video{height:100%}