html,body{width:100%;height:100%;margin:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:'Roboto Mono';overflow:hidden;-webkit-font-smoothing:antialiased}body{background:#000;color:#fff}#slide-container{position:relative;width:1920px;height:1080px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#slide-container .slide-background{position:absolute;left:0;top:0;width:100%;height:100%;right:0;bottom:0;z-index:0;opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 15s linear;transition:opacity 15s linear}#slide-container .slide-background.first{-webkit-transition:opacity .3s linear;transition:opacity .3s linear}#slide-container .slide-background.active{opacity:1}#slide-container canvas{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5}#slide-container .meta-bar{position:absolute;left:100px;right:100px;bottom:60px;color:rgba(255,255,255,.5);font-size:35px;opacity:0;z-index:10;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#slide-container .meta-bar.visible{opacity:1}#slide-container .meta-bar .left{position:absolute;left:0;bottom:0}#slide-container .meta-bar .right,#slide-container .meta-bar .clock{position:absolute;right:0;bottom:0}#slide-container .meta-bar .clock{left:0;text-align:center}.slide{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.type-intro{opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;-webkit-transition-delay:0;transition-delay:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.type-intro video{visibility:hidden}.type-intro video.playing{visibility:visible}.type-intro.active,.type-intro.exiting{opacity:1}.slide .text-line{-webkit-transition:opacity 0 ease,-webkit-transform .6s cubic-bezier(.33,0,0,1);transition:opacity 0s ease,transform .6s cubic-bezier(.33,0,0,1);opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}.slide .text-line.small{font-size:112px;line-height:134px}.slide .text-line:nth-child(1){-webkit-transition-delay:.16s,.06s;transition-delay:.16s,.06s}.slide .text-line:nth-child(2){-webkit-transition-delay:.22s,.12s;transition-delay:.22s,.12s}.slide .text-line:nth-child(3){-webkit-transition-delay:.28s,.18s;transition-delay:.28s,.18s}.slide .text-line:nth-child(4){-webkit-transition-delay:.34s,.24s;transition-delay:.34s,.24s}.slide .text-line:nth-child(5){-webkit-transition-delay:.4s,.3s;transition-delay:.4s,.3s}.slide.active .text-line{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slide.exiting .text-line{opacity:0;-webkit-transition:opacity .2s ease,-webkit-transform .2s cubic-bezier(1,0,1,1);transition:opacity .2s ease,transform .2s cubic-bezier(1,0,1,1);-webkit-transition-delay:0;transition-delay:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.type-largetext,.type-smalltext{padding:100px}.type-largetext .text-line,.type-smalltext .text-line{font-size:180px;line-height:170px}.type-schedule{padding:100px}.type-schedule .text-line.location{font-size:56px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}.type-schedule .text-line.title{font-size:136px;line-height:162px}.type-schedule .text-line.subtitle{font-size:65px;line-height:78px}.type-schedule .text-line.title+.subtitle{margin-top:28px}.type-schedule .text-line.subtitle+.title{margin-top:50px}.type-icons{padding:200px 105px 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.type-icons .icon{width:570px;height:570px;font-size:0;-webkit-transition:opacity .166s ease,-webkit-transform .6s cubic-bezier(.33,0,0,1);transition:opacity .166s ease,transform .6s cubic-bezier(.33,0,0,1);opacity:0}.type-icons .icon video{width:570px;height:570px;visibility:hidden}.type-icons .icon video.playing{visibility:visible}.type-icons.active .icon.active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.type-icons.exiting .icon{opacity:0;-webkit-transition:opacity .2s ease,-webkit-transform .2s cubic-bezier(1,0,1,1);transition:opacity .2s ease,transform .2s cubic-bezier(1,0,1,1);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.type-icons.exiting .icon:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}.type-icons.exiting .icon:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.type-icons.exiting .icon:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.type-icons.exiting .icon:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.type-icons.exiting .icon:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}#full-screen-button{position:absolute;background:rgba(0,0,0,.3);border:0;border-radius:50%;top:24px;right:24px;width:40px;height:40px;box-sizing:border-box;padding:8px;z-index:1000;color:#fff;text-align:left;font-size:18px;cursor:pointer}#full-screen-button:hover{background:rgba(0,0,0,.4)}#full-screen-button svg{fill:#fff}#full-screen-button:after{position:absolute;top:48px;font-family:Roboto,sans-serif;padding:20px;min-width:150px;right:0;background:rgba(0,0,0,.8);border-radius:4px;color:#fff;content:'Keys:\a' 'F - fullscreen\a' 'S - (re)start animation\a' 'E - stop animation';white-space:pre;display:none}#full-screen-button:hover::after{display:block}#menu-container{position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:scroll;display:none;padding:60px;font-size:20px;line-height:30px;font-family:Roboto,sans-serif;z-index:10;background-color:#424242}#menu-container h1{margin:0 0 40px;color:#aaa}#menu-container div.item{display:block}#menu-container div.item.newgroup{margin-top:20px}#menu-container div.item a{color:#aaa;text-decoration:none}#menu-container div.item a:hover{color:#fff}#letterbox1,#letterbox2{position:absolute;z-index:900;background-color:#000;left:0;top:0;right:0;bottom:0}