#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;padding:0;font-family:Helvetica;overflow:hidden}#nav{padding:0}#loading-screen{width:100%;height:100%;position:absolute;z-index:999;background:#000;color:#fff;display:grid;place-items:center;font-size:48px}#status{position:absolute;background:#3a3939;color:#fff;margin:20px;padding:10px;font-size:48px;z-index:999;border-radius:20px;opacity:.7}#slides{display:grid;grid-template-areas:"slide";width:100vw;height:100vh;background:#000;--transition-speed: .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%;height:100%;object-fit:contain;max-width:100%;max-height:100vh}video{height:100%}